我试图将我的“登录”按钮移动到导航栏的右侧。 这就是我现在所拥有的。我设法将登录按钮移动到右侧,但是它与导航栏菜单选项卡的左侧没有正确对齐。非常感谢你的帮助。
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-01">
<span class="sr-only">Toggle navigation</span>
</button>
<a class="navbar-brand" href="#"><span class="fui-flat"></span></a>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse-01">
<ul class="nav navbar-nav">
<li class="active"><a href="#fakelink">Products</a></li>
<li><a href="#fakelink">Features</a></li>
<li><a href="#fakelink">Pricing</a></li>
<li><a href="#fakelink">About</a></li>
</ul>
<div class="collapse navbar-collapse" id="navbar-collapse-01">
<ul class="nav navbar-right">
<li><a href="#">Login</a></li>
</ul>
</div>
</div><!-- /.navbar-collapse -->
</nav><!-- /navbar -->
答案 0 :(得分:2)
只需添加课程navbar-nav
即可。 Working Bootply
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Login</a></li>
</ul>
答案 1 :(得分:0)
尝试上课pull-right
。
<ul class="pull-right nav navbar-nav">
<li><a href="#">Login</a></li>
</ul>