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

How can we post XML strings along with text strings in iOS -

How to run C# code using mono without Xamarin in Android? -

c# - cefsharp app remember password option -