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

Question

我试图弄清楚如何在bootstrap 4中正确对齐导航栏项目。我可以让结果看起来正确，但只能使用＆＃34;错误＆＃34;标记。我希望导航栏中的5个项目均匀分布在导航栏中。

此处示例：https://www.bootply.com/ggqjNmuq9H

Answer 1

justify-content-around仅影响直接儿童，因此您应将其放在<ul>上。确保您的<ul>也有w-100宽度为100％，否则您将看不到任何间距。

Answer 2

很好的问题，我也在找一样的东西。

如@derwiki所述，实现此目标的一种可能方法是执行以下操作：

<ul class="navbar-nav w-100 justify-content-around">

如果这样不起作用，请检查<ul>父级尺寸是否适合所需的宽度。