这是我第一次使用 Twitter Bootstrap 。
我想将大小限制为 940 像素,为此我使用了 span12 类。 但它似乎没有用。整个内容广泛分布在整个页面上。
我该怎么做才能修复它?
这是代码:-
<body>
<div class="container">
<div class="row">
<div class="span12">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Find Your Mac</a></li>
<li><a href="#">How it Works</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
最佳答案
navbar
固定在页面顶部。尽管 span12
有一个 width:940px
因为 navbar
固定在顶部,它需要 100% 的宽度。
要解决此问题,请将宽度应用于 .navbar-fixed-top
,如下所示
.navbar-fixed-top{
margin: 0 auto; //to align horizontally in center
width: 940px;
}
关于html - 无法修复 Twitter Bootstrap 中的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22567904/