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

时间:2013-01-25 19:40:50

标签: html css twitter-bootstrap

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

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

2 个答案:

答案 0 :(得分:4)

如果你不关心IE< 8,你可以添加以下CSS

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

答案 1 :(得分:0)

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

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

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