<div class="clearfix visible-xs-block"></div> 這一句有什么用,為什么我縮小屏幕效果也顯示不出來
在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>
為什么看不出效果,是不是最新版已經把這個問題修復了
2017-03-28
http://www.runoob.com/try/try2.php?filename=bootstrap3-gridsys-columnreset
可以看到,這是用于調節手機顯示的。初學者剛好碰到這個問題,不對請見諒
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>
有效果的,當頁面<768的時候內容顯示出來,否則是隱藏的.