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”，则（第1项，第2项，第3项）将左对齐..它们是否具有相同的效果？顺便说一句，.navbar-right和.pull-right之间的区别是什么？在这种情况下我应该使用它们中的每一个？

Answer 1

类pull-right定义为

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

这意味着它浮动元素正确的屏幕位置。

并且navbar-right定义为

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

这意味着它只适用于只有可用屏幕宽度为768px的情况下，它也适用于右边的-15px边距。