Bootstrap行之间的边界高度相同

Question

我需要有3个bootstrap列，每列之间有一个边框，但我的问题是我不能使它们的高度相同。

这是CSS我的代码......

div .column-lines div:first-child {
    border-right: 1px solid #a6b7bf;
    padding-right: 30px;
}

div .column-lines div:last-child {
    padding-left: 30px;
}

div .column-lines div:not(:first-child):not(:last-child) {
    border-right: 1px solid #a6b7bf;
    padding-right: 30px;
    padding-left: 30px;
}

Fiddle

结果：

这就是我希望它：

如何使边框的高度相同（最高列的高度）？

我不想使用表格 - 如果可能的话。

THX

Answer 1

您可以尝试使用CSS：

.div{
    display: table;
}

div .column-lines {
    vertical-align: top;
    display: table-cell;
    float: none;
    border-right: 1px solid #a6b7bf;
}