css - 居中对齐 Bootstrap 中的导航栏内容

Question

我正在尝试将导航栏链接居中。但遗憾的是，到目前为止我运气不佳。我试过使用 navbar-justified，但这只会让所有事情都不成比例。

here is the code .

Answer 1

我假设您想将所有内容都集中到中心。最简单的方法是在父元素上使用 display: inline-block 然后使用 text-align: center。然后还重置 float 以使用默认对齐方式:

看到你更新的演示:http://www.bootply.com/iu9NOXfmEV