css - Bootstrap 3 嵌套列不是全宽

标签 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

最佳答案

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

关于css - Bootstrap 3 嵌套列不是全宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20532163/

相关文章:

javascript - 是否有可能让 child 超出 parent 的溢出限制?

javascript - 页面上有多个引导弹出窗口,但只有单击的第一个弹出窗口可以按需要工作

html - 如何更改图标内的背景颜色?

html - 图片在您的网站上的下载顺序是什么?

html - Bootstrap .row margin-left : -15px - why is it outdented (from the docs)

javascript - 如何创建 3 个位置的切换?

javascript - 链接到不折叠的导航栏

html - 如何将按钮放置在同一行、居中且彼此距离不太近?

html - CSS 翻译与关键帧动画和悬停缩放不能一起工作

javascript - <sup> 标签在 WordPress 中不起作用