Twitter Bootstrap:无法以导航栏为中心

时间:2013-04-01 11:15:14

标签: html css twitter-bootstrap

我四处搜寻并使用了所有适用于他人的解决方案 - 但遗憾的是不适合我。

<div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
           <div class="container">
                 <ul class="nav">
                      <li class="active"><a href="#">Menu</a></li>
                 </ul>
           </div><!-- container -->
      </div><!-- navbar-inner -->
 </div><!--  navbar navbar-fixed-top -->

我添加的CSS内容

.navbar .nav,
.navbar .nav > li {
  float:none;
  display:inline-block;
  *display:inline; /* ie7 fix */
  *zoom:1; /* hasLayout ie7 trigger */
  vertical-align: top;
}

.navbar-inner {
  text-align:center;
}

1 个答案:

答案 0 :(得分:0)

你试过这个吗?

.navbar {
    margin: 0 auto;
    width: 200px;
}