小编pel*_*ile的帖子

在Twitter Bootstrap中居导航

我希望能够将导航停在页面的中间位置并使其保持在不同分辨率的中心位置.我不想使用偏移来推动它或边缘左边,因为这会在不同的浏览器宽度中将其搞砸.这是我正在搞乱的典型酒吧但是ul总是在左边对齐.

     <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
           <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                     <span class="icon-bar"></span>
                     <span class="icon-bar"></span>
                     <span class="icon-bar"></span>
                </a>
                <div class="nav-collapse">
                     <ul class="nav">
                          <li class="active"><a href="#">Menu</a></li>
                          <li><a href="#">On Tap</a></li>
                          <li><a href="#">Shows</a></li>
                          <li><a href="#">Surfwear</a></li>
                          <li><a href="#" >Contact</a></li>
                     </ul>
                </div><!--/.nav-collapse -->
           </div><!-- container -->
      </div><!-- navbar-inner -->
 </div><!--  navbar navbar-fixed-top -->
Run Code Online (Sandbox Code Playgroud)

css center navbar twitter-bootstrap

36
推荐指数
3
解决办法
10万
查看次数

标签 统计

center ×1

css ×1

navbar ×1

twitter-bootstrap ×1