引导输入组，选择为加载项

Question

无论我尝试什么，我都无法通过选择框作为插件获得输入。

这就是我想要的：

但是，我似乎无法按照输入组的Bootstrap指南使其工作：

<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>

jsfiddle demo

有人可以帮助我吗？我一直在寻找一段时间！

Answer 1

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

我在名为“select-group”的“input-group”中添加了一个类，并将输入字段作为目标并选择。

<强> HTML

<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>

<强> CSS

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

演示here