Bootstrap 4 Отзывчивое Navbar Alignment

Question

Я работал с Bootstrap 4. У меня возникла проблема, когда меню не выровнено.

Пример этой проблемы здесь: http://www.bootply.com/xWjxonsmiz

Есть три проблемы, в примере (вы можете увидеть его, когда вы запустите его)

1) Первый выпуск (суб-вариант-2 не выровнен по центру):

2) второй вопрос (при изменении размера экрана он не появляется выровненный)

3) третий вопрос (при изменении размера экрана «вариант 2» появляется с некоторым дополнением, которое я не сделал t то же самое с остальными элементами)

Где ошибка?

Благодаря

Answer 1

1) Первый выпуск (суб-вариант-2 не выровнен по центру):

Элементов в вашем ниспадающего MenY не должны иметь .nav-link и .nav-item классы (эти классы установить левое поле для любого na.nav-link + .nav-link) .: В _navbar.scss:

.nav-link 
+ .nav-link { 
     margin-left: 1rem; 
    } 
} 

Вышеупомянутые возможности также вызывают третью проблему. Я не понимаю вашу вторую проблему, но я также задаюсь вопросом, поддерживает ли BS4 навигационные выпадающие списки?

обновление Читайте также Bootstrap 4’s responsive navbars о NavBar выпадающие и оправданных пунктов NavBar. См. Также https://github.com/bassjobsen/responsive-navbar-dropdowns для примера меню выпадающего меню.