<div class="clearfix visible-xs-block"></div> 這一句有什么用,為什么我縮小屏幕效果也顯示不出來(lái)
在bootscript中,
<div class="row">
?<div class="col-xs-12 col-sm-6 col-md-8">.col-xs-12 .col-sm-6 .col-md-8</div>
?<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div></div><div class="row">
?<div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
?<div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
?<!-- Optional: clear the XS cols if their content doesn't match in height -->
?<div class="clearfix visible-xs-block">為什么顯示不出效果</div>
?<div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div></div>
為什么看不出效果,是不是最新版已經(jīng)把這個(gè)問(wèn)題修復(fù)了
2017-03-28
http://www.runoob.com/try/try2.php?filename=bootstrap3-gridsys-columnreset
可以看到,這是用于調(diào)節(jié)手機(jī)顯示的。初學(xué)者剛好碰到這個(gè)問(wèn)題,不對(duì)請(qǐng)見(jiàn)諒
2017-01-20
<div class="row">
? ?<div class="col-md-8">.col-xs-12 .col-sm-6 .col-md-8</div>
? ?<div class="col-md-4">.col-xs-6 .col-md-4</div>
</div>
<hr>
<div class="row">
? ?<div class=" col-sm-4">.col-xs-6 .col-sm-4</div>
? ?<div class=" col-sm-4">.col-xs-6 .col-sm-4</div>
<!-- Optional: clear the XS cols if their content doesn't match in height -->
<div class="clearfix visible-xs-block">為什么顯示不出效果</div>
<div class=" col-sm-4">.col-xs-6 .col-sm-4</div></div>
有效果的,當(dāng)頁(yè)面<768的時(shí)候內(nèi)容顯示出來(lái),否則是隱藏的.