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