Question

我的网页中有3行使用bootstraps网格。第一行有3个相等宽度的div，而接下来的两行有两个相同宽度左对齐的div。但是，第一行的最后一个div比前两个div长，我希望它溢出到第二行。我该怎么做？

我在这里有一个关于我的意思的链接：http://imgur.com/a/mxnaH

Answer 1

您必须在示例“content-left，content-right”中分隔页面。 Bootstrap不应该用于让行溢出到另一个。因此，如果你给内容留下宽度为8，内容正确4.这样你可以有不同的高度，让它看起来像是溢出

Answer 2

试试这个网格：

<div class="container">
  <div class="row">
    <div class="col-8">
      <div class="row">
        <div class="col-6"></div>
        <div class="col-6"></div>
        <div class="col-6"></div>
        <div class="col-6"></div>
      </div>
    </div>
    <div class="col-4"></div>
  </div>
</div>

如何让连续的最后一个div溢出到下一行？

2 个答案: