Bootstrap响应式导航栏中心列表/链接

Question

我正在使用最新版本的Bootstrap（2.02），我希望将导航栏中的所有链接集中在一起，并且仍然具有响应式布局。我找不到一个有中心和固定布局的解决方案，更不用说响应了。

有人能指出我正确的方向吗？

Answer 1

如果你不关心IE＆lt; 8，你可以添加以下CSS

.navbar .nav{
    float: none;
    text-align: center;
}
.navbar .nav > li{
    float: none;
    display: inline-block;
}

Answer 2

以下内容适用于中心对齐：

.navbar .nav > li > a {
  padding: 15px 20px; 
  text-align: center;
  float: none;
  display: inline-block;
}

似乎IE 8和don't support media queries以下的版本。