Question

我有一个带有一些引导井的页面：http://jsfiddle.net/LmwbkLo6/

<div style="margin:15px;">
  <br>
  <div class="well">
    <div class="col-sm-8">
      <h4>Test Title</h4>
      <p>Some test text</p>
      <p>More text..</p>
    </div>
    <div class="col-sm-4">
    </div>
    <p>And Some Text Here
      <p>
  </div>
</div>

我遇到了溢出父容器的内容的问题。

例如，这里的内容溢出了Well div。我可以修理＆＃34;这通过将class="col-xs-12"添加到Well Div，但是div本身将溢出外部div。

有没有人有任何想法？

Answer 1

您需要将class="col-* divs包裹在<div class="row"></div>中，否则不会应用负边距。

Answer 2

这是它应该是什么样子。

<div style="margin:15px;">
<br> 
  <div class="container-fluid">
  <div class="row">
      <div class="well">
      <div class="col-sm-8">
        <h4>Test Title</h4>
        <p>Some test text</p>
        <p>More text..</p>
      </div>
      <div class="col-sm-4">
      </div>
      <p>And Some Text Here<p>
      <p>And Some Text Here<p>
      <p>And Some Text Here<p>
      <p>And Some Text Here<p>
    </div>
  </div>
  </div>
</div>

HTML内容通过流动的引导容器

2 个答案: