当我嵌套列时,bootstrap 3 出现问题。嵌套列不是包含列的全宽。它们只有大约三分之二的宽度。在 Bootstrap 中将宽度设置为 33.33%。我尝试了不同的元素。
<section id="content">
<div class="container">
<div class="row">
<div class="col-md-7">
<h2 class="highlight-prim">Privilage on a card</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<span>See our many partners where your card can used:</span>
<div class="row">
<div class="col-md-4">
<ul class="list-unstyled">
<li>A1 Driving for life</li>
<li>A1 Driving for life</li>
<li>A1 Driving for life</li>
<li>A1 Driving for life</li>
</ul>
</div>
<div class="col-md-4">
<ul class="list-unstyled">
<li>A1 Driving for life</li>
<li>A1 Driving for life</li>
<li>A1 Driving for life</li>
<li>A1 Driving for life</li>
</ul>
</div>
<div class="col-md-4">
<ul class="list-unstyled">
<li>A1 Driving for life</li>
<li>A1 Driving for life</li>
<li>A1 Driving for life</li>
<li>A1 Driving for life</li>
</ul>
</div>
</div>
</div>
<div class="col-md-offset-1 col-md-4">
<h3 class="highlight-sub">Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
</div>
</section>
这是未设置填充的屏幕截图。尽管嵌套的列确实变长了,但它们仍然达不到全宽。
最佳答案
ctrl+f 找到我 17 div 标签,一个额外的 </div>
标签
http://dpaste.com/1500911/
关于css - Bootstrap 3 嵌套列不是全宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20532163/