我正在使用来自 Bootstrap ( http://twitter.github.io/bootstrap/components.html#navbar ) 的导航栏,除了这个导航栏左侧的不同选项卡的链接,我想要把我的通知图标放在它的最右边。我怎样才能用 CSS 做到这一点?我不想使用像素,我宁愿让它灵活地调整窗口的大小,然后转到这个导航栏的右侧。
谢谢
我正在使用来自 Bootstrap ( http://twitter.github.io/bootstrap/components.html#navbar ) 的导航栏,除了这个导航栏左侧的不同选项卡的链接,我想要把我的通知图标放在它的最右边。我怎样才能用 CSS 做到这一点?我不想使用像素,我宁愿让它灵活地调整窗口的大小,然后转到这个导航栏的右侧。
谢谢
只需在以下代码中使用两个不同的 UL:
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="#">THREE</a></li>
<li><a href="#">LEFT</a></li>
<li><a href="#">ITEMS</a></li>
</ul>
<ul class="nav pull-right">
<li><a href="#">RIGHT</a></li>
<li><a href="#">ITEMS</a></li>
</ul>
</div>
</div>
</div>
</div>
链接到 bootply:http ://bootply.com/69056