Same height column bootstrap 3 row responsive

后端 未结 16 1779
难免孤独
难免孤独 2020-11-30 00:04

Hi I have four divs in a bootstrap row. I want all divs in this row to have the same height and not break responsibility. I don\'t know how to do this without breaking respo

16条回答
  •  情书的邮戳
    2020-11-30 00:17

    There was at one point an official experimental example of same-height columns using CSS flexbox with Bootstrap. Here's the gist of it:

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

    And then use

    instead of
    .

    Note that flexbox isn't supported in IE<10.

提交回复
热议问题