引导位置菜单右上角

【问题标题】：Bootstrap position menu top right引导位置菜单右上角
【发布时间】：2014-09-12 08:54:57
【问题描述】：

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

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

<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>

但是我不知道怎么把它放在右上角。

谢谢。

【问题讨论】：

您尝试过pull-right 类实用程序吗？
@Aibrean 从 Bootstrap 3 开始，首选 navbar-right 而不是 pull-right（尽管它们似乎在大多数情况下都有效）。
@ShawnTaylor 是的，我忘了那个。我在 2.3 时开始使用 Bootstrap。

标签： html css twitter-bootstrap-3 less

【解决方案1】：

根据引导程序执行此操作的正确方法是使用类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 链接。

【讨论】：

感谢您的解决方案。我怎样才能给这个菜单在右边更多的填充。不碰其他菜单？
假设您的意思是边距，请查看this 链接。您只需将 .navbar { margin-right: 50px; } 添加到您的 CSS。
你能发布一个关于这将如何适用于 BS4 的更新吗？