bootstrap row 中,如何使得所有 col 的高度和一行中最高 col 一样

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/*
enhance bootstrap 3
Note that flexbox isn't supported in IE<10.

refer to: 
  https://stackoverflow.com/a/23305885
  http://acmetech.github.io/todc-bootstrap-3/examples/equal-height-columns/

*/

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

row 多加一个 row-eq-height

1
2
<div class="row row-eq-height">
</div>