使用.justify-content-center导航文本中心：

Question

为什么当我在Bootstrap的Navbar中添加类justify-content-center时，文本仍保留在左侧位置？

我在Boostrap的Docs上找到了一条指令，在添加这个类后，Navbar的文本将居中。

感谢您的帮助。 此致

Answer 1

您需要将<ul class="**navbar-nav** justify-content-center">更改为<ul class="**nav** justify-content-center">。如果保持.navbar-nav类是必不可少的，则需要覆盖默认样式，例如：

.navbar-nav { display: flex; flex-direction: row; }

请注意，您可能还需要调整子元素属性。最简单的解决方法是简单地删除navbar-

快速固定此处：https://codepen.io/jessburnett1980/pen/pVLQKO