Bootstrap 3嵌套列不是全宽

时间:2013-12-11 23:32:53

标签: css twitter-bootstrap-3

当我嵌套列时,我遇到了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>

这是一个填充到未设置的屏幕截图。尽管嵌套列的确越来越长,但它们仍未达到整个宽度。

http://www.upload.ee/image/3759755/Untitled-2.png

1 个答案:

答案 0 :(得分:1)

ctrl + f找到了17个div标签,一个额外的</div>标签 http://dpaste.com/1500911/