bootstrap列高度_css – Bootstrap 4中的列高度相等

您可以使用

flexbox.

更新

另一种方式：

.row-eq-height > [class^=col] {

display: flex;

flex-direction: column;

}

.row-eq-height > [class^=col]:last-of-type div {

margin: 10px;

}

.row-eq-height > [class^=col]:last-of-type div:first-of-type {

margin-top: 0;

}

.row-eq-height > [class^=col]:last-of-type div:last-of-type {

margin-bottom: 0;

}

.row-eq-height > [class^=col]:first-of-type .black {

flex-grow: 1;

}

更新

更具体的类更好的方法：

.row-eq-height > [class^=col]:first-of-type {

display: flex;

}

.row-eq-height > [class^=col]:first-of-type .black {

flex-grow: 1;

}

.blue p {

margin: 0;

}

原始方式：

[class^=col] {

display: flex;

flex-direction: column;

}

[class^=col] div {

flex-grow: 1

}