Alignment in Twitter Bootstrap 3 navbar toggle
I can't find any classes to right align collapse menu of navbar toggle in bootstrap 3. Is there anyway like hooking css to do that? Here is the code mention that I need right align menus! CesaStack Toggle navigation
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs1">
<ul class="nav navbar-nav navbar-right">
<li><a href="/contact">goto right</a></li>
<li><a href="#">goto right</a></li>
<li><a href="#">goto right</a></li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control text-right" placeholder="جست و جو">
</div>
<button type="submit" class="btn btn-default"><i class="glyphicon glyphicon-search"></i></button>
</form>
</div><!-- /.navbar-collapse -->
Use 'pull-right' into the class string and let bootstrap arrange the buttons.
For more information you check Helper classes
http://getbootstrap.com/css/#helper-classes
The collapsible navbar button is float:right by default
Simply float:left and adjust the margins..
add this to the bottom of your custom css.
NOTE: Don't modify the bootstrap source.
/* floats toggled navbar to the left when screen gets small
-solution by: http://jonasdev.com
*/
.navbar-toggle
{
margin-left:15px;
float:left;
margin-right:0px;
}
Hope that helps - jonasdev
链接地址: http://www.djcxy.com/p/94556.html上一篇: 菜单项在切换下拉菜单中未对齐