Twitter bootstrap 带有select as加载项的引导输入组

Twitter bootstrap 带有select as加载项的引导输入组,twitter-bootstrap,Twitter Bootstrap,无论我尝试什么,我都无法使用选择框作为加载项来获取输入 以下是我想要的: 然而,我似乎无法通过以下输入组引导指南来实现: <div class="input-group"> <input type="text" class="form-control"/> <select class="form-control input-group-addon"> <option>Item 1</option>

无论我尝试什么,我都无法使用选择框作为加载项来获取输入

以下是我想要的:

然而,我似乎无法通过以下输入组引导指南来实现:

<div class="input-group">
    <input type="text" class="form-control"/>
    <select class="form-control input-group-addon">
        <option>Item 1</option>
        <option>Item 2</option>
    </select>
</div>

有人能帮我吗?我已经找了一段时间了

您可以通过向“选择”菜单添加自定义样式来进行更改

我向输入组添加了一个名为selectgroup的类,并将输入字段作为目标并选择

HTML


演示

您可以通过向“选择”菜单添加自定义样式来进行更改

我向输入组添加了一个名为selectgroup的类,并将输入字段作为目标并选择

HTML


演示

以粗体红色字母显示:我们不支持单个输入组中的多个表单控件。调查一下,谢谢你的朋友。为什么我从来没有读过足够好的文件?!以粗体红色字母表示:我们不支持单个输入组中的多个表单控件。调查一下,谢谢你的朋友。为什么我从来没有读过足够好的文件?!像您在这里建议的那样,向该输入组添加引导选择是否合适?我想用同样的东西,所以有没有一个强制性的理由,我不应该这样做?无法100%确定为什么Bootstrap不允许这样…@Krystyna是的,我们可以像上面的示例那样添加它。如果您需要,也可以使用。我使用的是silviomoreto提供的引导选择。我想为输入字段和select强制使用引导列col-md-2,但这不起作用,当我更改宽度%sizes时,select只会在输入字段下向左换行,因此它实际上不起作用。按照您在此处的建议将引导选择添加到此输入组可以吗?我想用同样的东西,所以有没有一个强制性的理由,我不应该这样做?无法100%确定为什么Bootstrap不允许这样…@Krystyna是的,我们可以像上面的示例那样添加它。如果您需要,也可以使用。我使用的是silviomoreto提供的引导选择。我想为输入字段和select强制使用引导列col-md-2,但这不起作用,当我更改宽度%大小时,select仅在输入字段下向左换行,因此它实际上不起作用。。
<div class="input-group select-group">
    <input type="text" class="form-control"/>
        <select class="form-control input-group-addon">
            <option>Item 1</option>
            <option>Item 2</option>
        </select>

</div>
.select-group input.form-control{ width: 65%}
.select-group select.input-group-addon { width: 35%; }