尝试创建一个包含多行列的网格布局

Question

我正在尝试创建一个网格布局，其列数超过2行。

据我所知CodePen

我希望<div class="col-3">跨越下面的列。

有人可以给我一些指示吗？

提前致谢。

Answer 1

首先，您必须了解网格布局的工作原理。你的方法是错的。请在下方检查网格（尺寸，布局和结构）。

http://getbootstrap.com/

下载或参考此框架工作以获取基于列的html和布局。

Answer 2

对所有div使用flexBox。 你不再需要'row'div了。

使用空div表示间距，使用'flex-grow'属性表示宽度乘数。

在这里结账更多 - ＆gt; https://css-tricks.com/snippets/css/a-guide-to-flexbox/