Как после navbar-right добавить кнопку, чтоб не съезжало?

Question

[Frel]

Как после navbar-right добавить кнопку, чтоб не съезжало? Кнопка у меня возле brand становится или съезжает вниз!
код

Answer 1

[hjk]

<button type="button" class="btn btn-default navbar-btn">Sign in</button>

Получается, что всё дело в классе .navbar-btn, у которого в инспекторе вот это:

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

Подробнее можно почитать в документации, там достаточно хорошо разобрано

Comments

[Frel]

А только так... я так и делал, по другому не как?

[Frel]

Только navbar-btn не добавил

[Frel]

Я добавил еще кнопку, они обе съехали

[hjk]

Frel: можно повыпендриваться и ещё что-нибудь придумать. Например, использовать flexbox, там есть вертикальное выравнивание. Или абсолютно спозиционировать элемент внутри navbar. Только зачем, если это просто решается margin'ами? Этот класс только и делает, что вертикально выравнивает элемент внутри navbar.