Javascript 如何在HTML/CSS中居中显示导航栏的内容？

因此，我寻找了其他答案，找到了很多关于调整#nav标记以将其更改为display:inline block的方法，以及我在类似So问题上找到的所有其他方法，但似乎都不起作用。这就是它现在所处的位置

.navbar{
边缘底部：50px；
边界半径：0；
}

曼哈默工作室酒店

可能是您想要的吗？

添加以下CSS：

div#myNavbar.collapse.navbar-collapse {
    text-align: center;
}
ul.nav.navbar-nav {
    display: inline-block;
    float: none;
}

---

您是否有您希望实现的布局的线框/模型？我已尝试添加此布局的可能副本，但它不会使导航栏的内容居中；他们保持左对齐。这同样适用于尝试对齐内容和对齐项目。是否检查了引导程序是否不覆盖此选项？或与！重要的旗帜？太好了，这正是我所需要的。非常感谢。

div#myNavbar.collapse.navbar-collapse {
    text-align: center;
}
ul.nav.navbar-nav {
    display: inline-block;
    float: none;
}