Skip to Content

Slated for deprecation

.row-table

Equalize column heights within a row using only CSS.

CSS May 16, 2017

Slated for Deprecation

Usage

CSS
.row-table

Parameters

This function does not accept any parameters. Is this incorrect?

Examples

HTML
<div class="container">
    <div class="row row-table">
        <div class="col-sm-4">
            <p>Column One here will have the same height as the rest.</p>
        </div><!--/columns-->
        <div class="col-sm-4">
            <p>Column Two here will have the same height as the rest.</p>    
        </div><!--/columns-->
        <div class="col-sm-4">
            <p>Column Three here</p>
            <p>will have the same</p>
            <p>height as the rest.</p>
        </div><!--/columns-->
    </div><!--/row-->
</div><!--/container-->

Additional Notes

Not to be confused with the JavaScript equalize class.

This is slated for deprecation in favor of simply using flexbox align-self: stretch;.