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

Question

我使用的是最新版本的 Bootstrap （2.02），我想将所有链接居中导航栏，并且仍然具有响应式布局。我找不到拥有居中和固定布局的解决方案，更不用说响应式了。

谁能指出我正确的方向？

Answer 1

如果你不关心IE<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 及以下版本似乎不支持媒体查询。