css – 我们如何使引导行/列看起来像一个表？

My #1 try由于在col的填充而失败.

My #2 try也因为我一定要做点蠢事.

这是希望的结果：

有人可以帮我吗如果可能,请避免重写引导规则.

解决方法

表的基本原理 – >行/列是在特定的行中,列的高度应该相同,不管内容是什么.

你可以做表 – >行/列结构使用引导网格,但会有一个等高的列的问题.

所以,为了这个目的,即对于相等的列,你可以使用flexBox属性. (它在ie9中不起作用,所以请确保使用它.)

Check this fiddle here

只需在父容器中添加以下简单的CSS(对于完整的演示文稿,在小提琴上方)

.row-eq-height {
    display: -webkit-Box;
    display: -webkit-flex;
    display: -ms-flexBox;
    display: flex;
}

Here is the reference