課程
/前端開發
/Bootstrap
/玩轉Bootstrap（基礎）
有必要分col-lg、col-md、col-sm、col-xs嗎？怎么感覺效果沒差呢？？？
2014-09-01
源自：玩轉Bootstrap（基礎） 4-3
正在回答
8份寬和4份寬有什么區別嗎？
col-lg、col-md、col-sm、col-xs分別對應大、中、小、更小的屏幕，如：
<div class="row">
<div class="col-lg-8"></div>
<div class="col-lg-4"></div>
</div>
在1200px以上的屏幕顯示為一行兩列，分別為8份寬和4份寬，在小于1200的屏幕則顯示為兩行，都為12份寬；
另外如：
<div class="col-lg-8 col-xs-5"></div>
<div class="col-lg-4 col-xs-7"></div>
在1200px以上的屏幕顯示為一行兩列，分別為8份寬和4份寬，在小于1200的屏幕則顯示為一行兩列，分別為5份寬和7份寬.
你在大屏幕中將瀏覽器慢慢縮小看，你就能看到變化了。因此這里的預瀏效果區太小，所以上面看到的效果都是在小屏狀態下的。這幾個是用來控制響應式網格
悖論Beilun
舉報
告訴你使用Bootstrap，并且能夠獨立定制出適合自己的Bootstrap
3 回答
1 回答
2 回答
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-05-06
8份寬和4份寬有什么區別嗎？
2014-09-05
col-lg、col-md、col-sm、col-xs分別對應大、中、小、更小的屏幕，如：
<div class="row">
<div class="col-lg-8"></div>
<div class="col-lg-4"></div>
</div>
在1200px以上的屏幕顯示為一行兩列，分別為8份寬和4份寬，在小于1200的屏幕則顯示為兩行，都為12份寬；
另外如：
<div class="row">
<div class="col-lg-8 col-xs-5"></div>
<div class="col-lg-4 col-xs-7"></div>
</div>
在1200px以上的屏幕顯示為一行兩列，分別為8份寬和4份寬，在小于1200的屏幕則顯示為一行兩列，分別為5份寬和7份寬.
2014-09-02
你在大屏幕中將瀏覽器慢慢縮小看，你就能看到變化了。因此這里的預瀏效果區太小，所以上面看到的效果都是在小屏狀態下的。這幾個是用來控制響應式網格