当我嵌套列时,我遇到了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>
这是一个填充到未设置的屏幕截图。尽管嵌套列的确越来越长,但它们仍未达到整个宽度。