boot strap grid system is very useful and nice.
but cells height can not arrange in default.
ex. following image does not arrange three images height.
one way to solve it, write display:flex in div wrapping some cells.
|
1 2 3 4 5 |
<div style="display:flex"> <div class="col-md-4"></div> <div class="col-md-4"></div> <div class="col-md-4"></div> </div> |
cells become arranging.
but above way are not corresponded to responsive design.
so you can write media query in css.
|
1 2 3 4 5 6 7 8 9 |
.div-wrapper{ display:flex; } @media screen and (max-width:768px) { .div-wrapper{ display: block; } } |