twitter-bootstrap - bootstrap v3.3.7 中的 .navbar-right 和 .pull-right 有什么区别

Question

.navbar-right 和 .pull-right 有什么区别，在哪种情况下我应该分别使用它们？

<header class="container">
<div class="navbar navbar-default navbar-fixed-top">
    <div class="navbar-header"> <a href="." class="navbar-brand">Brand</a>
    </div>
    <!--<ul class="nav navbar-nav navbar-right">-->
    <ul class="nav navbar-nav pull-right">
        <li class="nav"><a href=".">Item 1</a>
        </li>
        <li class="nav"><a href=".">Item 2</a>
        </li>
        <li  class="nav"><a href=".">Item 3</a>
        </li>
    </ul>

在这段代码中，(元素 1、元素 2、元素 3)将右对齐 但是如果我用“navbar-right”替换“pull-right”，(Item 1，Item 2，Item 3)将向左对齐..它们不是有相同的效果吗？ 顺便问一下，.navbar-right 和 .pull-right 之间有什么区别，在哪种情况下我应该使用它们中的每一个？

Answer 1

pull-right类定义为

.pull-right {
  float: right !important;
}

这意味着它将元素 float 到屏幕的正确位置。

和navbar-right定义为

@media (min-width: 768px)
.navbar-right {
    float: right!important;
    margin-right: -15px;
}

这意味着它仅在可用屏幕宽度为 768px 时才适用，并且它在右侧应用 -15px 边距。