html - Bootstrap Responsive Navbar Center List / Links

Question

I am using the latest version of Bootstrap (2.02) and I want to center all of the links in the navbar and still have a responsive layout. I cannot find a solution to having a centered and fixed layout let alone a responsive as well.

Can anyone point me in the right direction?

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 及以下版本不支持媒体查询。