Bootstrap位置菜单右上角

Question

我正在研究如何将我的顶部导航定位在右上角。

到目前为止，我有这段代码：

<div id="navbar" class="navbar navbar-fixed-top ">
 <ul class="nav navbar-nav">
     <li><a href="">Contact Us</a></li>
     <li><a href="">NL</a></li>
     <li><a href="">ENG</a></li>
 </ul>
</div>

但我不确定如何将它放在右上方。

感谢。

Answer 1

根据bootstrap执行此操作的正确方法是使用类navbar-right。请查看bootply上的此链接。

尝试以下方法：

<div id="navbar" class="navbar navbar-fixed-top">
 <ul class="nav navbar-nav navbar-right">
     <li><a href="">Contact Us</a></li>
     <li><a href="">NL</a></li>
     <li><a href="">ENG</a></li>
 </ul>
</div>

更新。犯了一个错误并将navbar-right放在div而不是ul上。它现在已经解决了。还包括bootply链接。