Add simple same-height columns to the grid with flexbox

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 .cols 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.