Bootstrap 3.0.3 navbar-right 和 pull-right

Posted 2023-03-06

【中文标题】Bootstrap 3.0.3 navbar-right 和 pull-right

【英文标题】：Bootstrap 3.0.3 navbar-right and pull-right

【发布时间】：2014-01-18 08:02:55

【问题描述】：

我正在学习一些 Bootstrap 教程，并且正在使用 Bootstrap 3.0.3 版本。

我注意到 navbar-right 完全向右浮动，而 pull-right 似乎与 3.0 的 navbar-right 一样工作。

我在JSFiddle上放了一个例子。

根据他们在 2013 年 12 月 5 日的blog，已经进行了一些修改，所以我想知道是我的 html 类结构不正确，还是这是菜单对齐的新方法？

【参考方案1】：

看起来在#11530 下有意更改了 3.0.3 实现以迎合这一点：

解决方法是在.navbar-right 上放置一个填充：

.navbar-right 
   padding-right: 15px;

如果您尝试解决pull-right 的问题，您会发现navbar-collapse 的响应式设计将右对齐菜单。

【讨论】：

我必须这样做，除非你这样做，否则navbar-right 会完全向右移动。我正在使用：<span class="navbar-text navbar-right">

愚蠢的问题：“将向右对齐菜单” 是指“将向右对齐菜单”还是“将正确对齐菜单”？