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
Post a Comment