如何使用Bootstrap 4导航栏使用justify-content-around？

Question

我想弄清楚如何正确对齐引导程序4中的导航栏项目。我可以得到的结果看起来是正确的，但这样做只与“错误”的标记。我希望导航栏中的5个项目均匀分布在导航栏中。

这里举例：https://www.bootply.com/ggqjNmuq9H

Answer 1

justify-content-around只影响直接孩子，所以你应该把它放在你的<ul>。确保您的<ul>也有w-100使宽度达到100％，否则您将看不到任何间距。