Вопрос по css, twitter-bootstrap, html, twitter-bootstrap-3 – загрузчик 3 показать метку во встроенном окне выбора

4

Я установил метку для меню выбора в начальной загрузке 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>

в выводе см. метку в верхней части меню выбора:

Мне нужно показать ярлык в строке меню выбора, как это:

как показать метку в строке?

DEMOJSFIDDLE

Прочитайте документы Bootstrapgetbootstrap.com/css/#forms-horizontal DavidG

Ваш Ответ

1   ответ
10

поэтому у нас есть это:

<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>
Помогал! Спасибо! Fernando León
я попробовал точно такую ​​же вещь для BS4, но она не работает: <div class = "form-group"> <label class = "col-sm-3 control-label" for = "doc_type"> Select </ label> <div class = "col-sm-6"> <select class = "form-control" id = "doc_type" name = "doc_type"> .... все параметры здесь .... </ select> </ div> </ div> кто-нибудь может подсказать, что я тут не так делаю? Aqeel
@ Aceel, я думаю, тебе нужно добавить класс строк в первый div! Увидеть:codepen.io/anon/pen/JmLqMY Zanoldor

Похожие вопросы