bootstrap 3在内联选择框中显示标签

Question

我为bootstrap 3中的选择框菜单设置了标签,如下所示:

<div class="col-lg-2">
    <label>Filter</label>
        <select class="form-control" name="sort">
            <option value="1">1</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
        </select>
</div>

在输出中看到选择框菜单顶部的标签:

我需要显示选择框菜单的内联标签,如下所示:

如何在内联中显示标签？!

DEMO JSFIDDLE

Answer 1

你需要把你的标签和你的选择放在一个"组"里面,所以我们有这个:

<div class="form-group">
    <label for="sort" class="col-sm-2 control-label"> Filter </label>
    <div class="col-sm-10">
        <select class="form-control" name="sort" id="sort">
            <option value="1">1</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
        </select>
     </div>
</div>