Я пытаюсь получить вход и выбрать опцию inline, прикрепленную друг к другу, например эту демонстрацию, используя Bootstrap 2.
Следуя рекомендациям Bootstrap 3, мне удается это сделать:
<div class="container">
<div class="col-sm-7 pull-right well">
<form class="form-inline" action="#" method="get">
<div class="form-group col-sm-5">
<input class="form-control" type="text" value="" placeholder="Search" name="q">
</div>
<div class="form-group col-sm-3">
<select class="form-control" name="category">
<option>select</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</div>
<button class="btn btn-primary col-sm-3 pull-right" type="submit">Search</button>
</form>
</div>
</div>
Это отзывчивое, но вход и выбор не могут быть прикреплены без каких-либо неприятных взломов css. Я нашел множество примеров с прикрепленными кнопками, но это не работает с элементом select.