Question

我需要Bootstrap的帮助。我有一个3列的页面，其中每个内容都有不同的大小，所以这里有我的结果：

问题在于：你看到第4列在哪里了吗？我想要＆＃34;新＆＃34;线从头开始。我尝试了一个.col-lg-4：nth-child（3n + 1），但它已经清理了，我不想要那个。我想要一个在另一个之上，并且顺利。像这样：

非常感谢你的帮助！

Answer 1

像这样？

<div class="col-lg-4">
  <div>
    column1
  </div>
  <div>
    column4
  </div>
</div>
<div class="col-lg-4">
  <div>
    column2
  </div>
  <div>
    column5
  </div>
</div>
<div class="col-lg-4">
  <div>
    column3
  </div>
</div>

不是很好的解决方案，但它可以工作。

Answer 2

你可以使用display：inline-block;对于col-lg-4类并删除列之间的空白区域。

<div class="col-lg-4">
column1
</div><!--
--><div class="col-lg-4">
column2
</div>

使用Bootstrap订购col-x，一个在另一个之上

2 个答案: