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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</div>      </div> </div> 

so question is:

why has last clearfix height of 190px,
while other clearfixes have height of 210px?


Comments

Popular posts from this blog

Payment information shows nothing in one page checkout page magento -

tcpdump - How to check if server received packet (acknowledged) -