如何让twitter bootstrap导航栏固定宽度?

时间:2012-12-08 18:25:02

标签: css css3 twitter-bootstrap css-float

如何使Twitter引导导航栏固定宽度,同时保持其居中?

我尝试在.navbar中添加宽度参数,但导航栏未对齐。

.navbar {
overflow: visible;
margin-bottom: 20px;
color: #956362;
*position: relative;
*z-index: 2;
width: 650px; 
}

我也试过

<div class="span6 offset3">

但这也使它错位。

1 个答案:

答案 0 :(得分:4)

用div包围它。 给那个div一个固定的宽度。

类似的东西:

<div class="navbar-outer">
  <div class="navbar">
     <!--here goes the rest of the code-->
  </div>
</div>

CSS:

.navbar-outer {
  width:500px;
}