Last active
August 29, 2015 14:27
-
-
Save fotan/ae20d38c242193e338fc to your computer and use it in GitHub Desktop.
CSS - BS3 - Equal Heights
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* Row with equal height columns | |
* IE10+ - Others are just going to have to suffer | |
* with uneven heights. | |
* -------------------------------------------------- | |
*/ | |
.row-eq-height { | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
} | |
/* | |
USE: | |
<div class="row row-eq-height"> | |
<div class="col-sm-4 bg-info"> | |
Some Stuff | |
</div> | |
<div class="col-sm-4 bg-warning"> | |
Some Stuff | |
More Stuff | |
Even more stuff | |
</div> | |
<div class="col-sm-4 bg-info"> | |
Some Stuff | |
</div> | |
</div> | |
*/ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment