Пожалуйста, обратитесь к фрагменту кода ниже. Это простой навигатор.Bootstrap: кнопка заголовка навигатора
К сожалению, кнопка свернуть-размыкается над маркой (потому что она разбивает линию, ведет себя как блок), что неожиданно. Ожидаемое поведение заключается в том, что оно появляется рядом. Кроме того, если я пытаюсь поплавать с .navbar-right
, это не сработает. Что бы это могло быть?
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="container">
<div class="navbar-header">
<button type="button" class="btn btn-default btn-sm navbar-btn" data-toggle="collapse" data-target="#navbar-collapse">
<span class="glyphicon glyphicon-chevron-down"></span>
</button>
<a class="navbar-brand" href="#">Projeto Si</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse">
<form class="navbar-form form-inline navbar-right">
<div class="input-group" style="max-width: 400px">
<input id="filter" class="form-control input-sm" type="text" placeholder="O que você está procurando?"/>
<span class="input-group-btn">
<button id="clearfilter" type="button" class="btn btn-sm btn-default"><span class="glyphicon glyphicon-search"></button>
</span>
</div>
</form>
</div><!-- /.navbar-collapse -->
</div><!-- /.container -->
</nav>
У меня есть файл CSS. Игнорируйте это. Я просто хочу узнать о конкретном вопросе бутстрапа. –
Вопрос связан с Twitter Bootstrap, который уже находится в его собственном CSS. Также http://www.w3fools.com/ – Eva