bootstrap 3在内联选择框中显示标签 [英] bootstrap 3 show label in inline selectbox

问题描述

 < div class =col-lg- 2\" > 
< label>过滤器< / label> 
< select class =form-controlname =sort> 
< option value =1> 1< / option> 
< option value =12> 12< / option> 
< option value =13> 13< / option> 
< option value =14> 14< / option> 
< / select> 
< / div>输入中的
  

参见选择框菜单顶部的标签：

我需要显示选择框菜单的内联标签像这样：

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

DEMO

 < div class =form-group> 
< label for =sortclass =col-sm-2 control-label>过滤器< / label> 
< div class =col-sm-10> 
< select class =form-controlname =sortid =sort> 
< option value =1> 1< / option> 
< option value =12> 12< / option> 
< option value =13> 13< / option> 
< option value =14> 14< / option> 
< / select> 
< / div> 
< / div> 
  

I set label for select box menu in bootstrap 3 like this :

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

in output in see label in top of select box menu:

I need to show label inline of select box menu like this :

how do show label in inline ?!

DEMO JSFIDDLE

解决方案

You need put your label and your select inside of a "group", so we have this:

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

这篇关于bootstrap 3在内联选择框中显示标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！