jquery - Bootstrap clearer height differs -
i'm usuably using bootstrap build responsive websites , i'm using clearer-class enable correct clearing on mobile devices. can seen in fiddle below, clearer-height differs in last row - because row not filled.
<div class="container">        <div class="row">            <div class="col-xs-6 col-sm-4">               <div class="thumbnail">                   <img src="http://placehold.it/350x150" class="img-responsive" />                       <div class="caption">test</div>                </div>                           </div>            <div class="clearfix visible-xs"> </div>                       <div class="col-xs-6 col-sm-4">               <div class="thumbnail">                   <img src="http://placehold.it/350x150" class="img-responsive" />                       <div class="caption">test</div>                </div>                           </div>             <div class="clearfix visible-xs"> </div>                       <div class="col-xs-6 col-sm-4">               <div class="thumbnail">                   <img src="http://placehold.it/350x150" class="img-responsive" />                       <div class="caption">test</div>                </div>                           </div>            <div class="clearfix"> </div>            <div class="col-xs-6 col-sm-4">               <div class="thumbnail">                   <img src="http://placehold.it/350x150" class="img-responsive" />                       <div class="caption">test</div>                </div>                           </div>            <div class="clearfix visible-xs"> </div>                       <div class="col-xs-6 col-sm-4">               <div class="thumbnail">                   <img src="http://placehold.it/350x150" class="img-responsive" />                       <div class="caption">test</div>                </div>                           </div>             <div class="clearfix visible-xs"> </div>                       <div class="col-xs-6 col-sm-4">               <div class="thumbnail">                   <img src="http://placehold.it/350x150" class="img-responsive" />                       <div class="caption">test</div>                </div>                           </div>            <div class="clearfix"> </div>             <div class="col-xs-6 col-sm-4">               <div class="thumbnail">                   <img src="http://placehold.it/350x150" class="img-responsive" />                       <div class="caption">test</div>                </div>                           </div>            <div class="clearfix visible-xs"> </div>                       <div class="col-xs-6 col-sm-4">               <div class="thumbnail">                   <img src="http://placehold.it/350x150" class="img-responsive" />                       <div class="caption">test</div>                </div>                           </div>            <div class="clearfix"> </div>      </div> </div>   so question is:
why has last clearfix height of 190px,
 while other clearfixes have height of 210px?
 
 
  
Comments
Post a Comment