css - Bootstrap 中心导航栏元素

Question

我知道我可以将导航栏项推向左侧和右侧，但我如何将它们居中？

text-align:center;

不起作用，也没有我想到的任何其他事情。

Answer 1

您需要修改 Navbar 组件的一些 CSS 规则。所以添加一个类 center 到 nav.navbar 和以下规则:

.navbar.center .navbar-inner {
    text-align: center;
}

.navbar.center .navbar-inner .nav {
    display:inline-block;
    float: none;
}

Working demo (Bootstrap 3.3.7)