【问题标题】:Bootstrap 3.0.3 navbar-right and pull-rightBootstrap 3.0.3 navbar-right 和 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 类结构不正确,还是这是菜单对齐的新方法?

【问题讨论】:

    标签: html css twitter-bootstrap twitter-bootstrap-3 navbar


    【解决方案1】:

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

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

    .navbar-right {
       padding-right: 15px;
    }
    

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

    【讨论】:

    • 我必须这样做,除非你这样做,否则navbar-right 会完全向右移动。我正在使用:<span class="navbar-text navbar-right">
    • 愚蠢的问题:“将向右对齐菜单” 是指“将向右对齐菜单”还是“将正确对齐菜单”?