NavBar кнопка коллапс и NavBar ссылки не выравнивают должным образом

Question

Я вставил все соответствующие HTML/CSS здесь: http://www.bootply.com/6YQGagMczD

Моя проблема заключается в том, что, когда в отзывчивым режиме, кнопку, чтобы открыть меню навигации Безразлично» t, похоже, правильно выравниваются с элементами меню с центром в центре. Это не так, как кажется, несколько пикселей.

Answer 1

У вас есть padding-left от 5 пикселей в меню, но нет поля в самой иконке меню.

Что вы пропустили это:

.navbar-toggle { 
    margin-left: 5px; 
} 

Я создал новую скрипку, демонстрирующая этот here.

EDIT

В вашей новой скрипке, несовпадение исходит из того, что .navbar-toggle (созданный Bootstrap) имеет по умолчанию маржинального-право 15px. Вам нужно изменить это путем сброса в 0, так как, например:

.navbar-toggle { 
    margin-right: 0; 
} 

Вот новый fiddle.

Надеюсь, что это поможет :)