Bootstrap 4 Responsive Navbar Alignment

Question

我一直在使用Bootstrap 4.我遇到了菜單沒有對齊的問題。

的例子，這個問題是在這裏：http://www.bootply.com/xWjxonsmiz

有在本例中的三個問題（你可以看到它時，你執行吧）

1）第一個問題（子選項-2沒有對齊的中心）：

2）第二個問題（當我調整它不會出現對準的屏）

3）第三個問題（當我調整屏幕的「選項2」出現有些填充我沒有選擇與其餘元素相同）

錯誤在哪裏？

感謝

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關於導航欄下拉菜單和導航欄合理的項目。有關導航欄下拉菜單的示例，另請參閱https://github.com/bassjobsen/responsive-navbar-dropdowns。