SO equal height columns , Bootstrap 3

by panchroma

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
    <div class="container">
<div class="row col-wrap">
<div class="col-sm-4 col well">
<p>left column </p>
<p>left column </p>
<p>left column </p>
</div><!-- end col-sm-4 -->
    
<div class="col-sm-4 col well">
<p>middle column</p>
</div><!--end col-sm-4 -->
    
<div class="col-sm-4 col well">
<p>right column </p>
<p>right column </p>
<p>right column </p>
 <p>right column </p>
<p>right column </p>
</div><!-- end col-sm-4 -->

</div><!-- end row-fluid -->
    

</div>

CSS

.col{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    background-color:#ffc;
}

.col-wrap{
    overflow: hidden; 
}