В чем разница между .navbar-right и .pull-right в bootstrap v3.3.7

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) выровняется по правому краю, но если я заменю «pull-right» на «navbar-right», то (Item 1, Item 2, Item 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;
}

Это означает, что он будет применяться только в том случае, если доступная ширина экрана составляет 768 пикселей, а также справа применяется поле -15 пикселей.