css - Bootstrap clear preceding columns when moving to the next line -


i'm using bootstrap organize items in rows of three. when columns not same height however, items move next line end below previous item, instead of on left.

<div class="row">     <div class="col-md-4">     </div>     <div class="col-md-4">         // lot of content     </div>     <div class="col-md-4">         // little content     </div>     <div class="col-md-4">         // stays on right side below previous item     </div> </div> 

i have been able solve using jquery make columns same y position same height, i'm sure there better way.

add clearfix this:

<div class="row">     <div class="col-md-4">     </div>     <div class="col-md-4">         // lot of content     </div>     <div class="col-md-4">         // little content     </div>   <div class="clearfix"></div>     <div class="col-md-4">         // goes new line     </div> </div> 

Comments

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - .htaccess mod_rewrite for dynamic url which has domain names -

Website Login Issue developed in magento -