如何使用Bootstrap 4導航欄使用justify-content-around？

Question

我想弄清楚如何正確對齊引導程序4中的導航欄項目。我可以得到的結果看起來是正確的，但這樣做只與「錯誤」的標記。我希望導航欄中的5個項目均勻分佈在導航欄中。

這裏舉例：https://www.bootply.com/ggqjNmuq9H

Answer 1

justify-content-around隻影響直接孩子，所以你應該把它放在你的<ul>。確保您的<ul>也有w-100使寬度達到100％，否則您將看不到任何間距。