Created by: pete-otaqui
Added very simple same-height columns support using the flexbox layout module.
This supports the standard xs, sm, md, lg breakpoints and requires the .row
and .col
s to have an additional class, like so:
<div class="row row-md-flex">
<div class="col-md-6 col-md-flex">Short</div>
<div class="col-md-6 col-md-flex">Tall<br />Tall<br />Tall<br />Tall<br /></div>
</div>
The current W3C CR for flexbox is supported by all modern browsers according to caniuse.com/flexbox, with some vendor prefixing for mobile browsers (Firefox and IE) and Safari (desktop and mobile).
I've added an example to the grid/index.html
file, although this needs to be made nicer. I also didn't really have time to understand the best way to use the current less mixins to generate the classes correctly, so I think that could be improved as well.
I'd love to see same-height columns in BS, and I hope that this PR can at the very least start a discussion about it.