Я использую новый Twitter Bootstrap 3 и пытаюсь разместить окно поиска, подобное этому (ниже) в верхней панели навигации:
В Bootstrap 2 это могло бы быть сделано следующим образом:
<form class="form-search" method="get" id="s" action="/">
<div class="input-append">
<input type="text" class="input-medium search-query" name="s" placeholder="Search" value="">
<button type="submit" class="add-on"><i class="icon-search"></i></button>
</div>
</form>
Но я не уверен, как произвести то же самое в Bootstrap 3, поскольку многое изменилось.
HTML-код по умолчанию для формы окна поиска в окне Bootstrap 3:
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
Как мне изменить его для достижения того, что мне нужно?