課程
/前端開發
/Bootstrap
/玩轉Bootstrap(基礎)
?class="col-xs-6 col-md-3"什么意思
2014-12-31
源自:玩轉Bootstrap(基礎) 7-1
正在回答
柵格系統對手機、平板電腦、PC電腦的屏幕尺寸設置了不同樣式,可以有更多的選擇,有下列幾種情況:
1. 屏幕設備尺寸大于1200px 選擇col-lg
2. 屏幕設備尺寸在970px到1200px 選擇col-md
3. 屏幕設備尺寸在768px到970px 選擇col-sm
4. 屏幕設備尺寸小于768px 選擇col-xs
col-xs- 表示在超小屏幕上(< 768px)的會采用這樣的類名顯示樣式,三個col-xs-6,因為一個row里面的超過12,所以最終的效果應該兩排,然后均分~(感覺應該是這樣....)
col-xs-6 這個類起什么作用
這個是相應式網格的語法, ?你可以這樣認為,當屏幕為小屏幕(<768px)時自動使用class="col-xs-6" ?當屏幕為中屏(>=768px)時自動使用 class="col-md-3"?
我知道了
智能弱電
舉報
告訴你使用Bootstrap,并且能夠獨立定制出適合自己的Bootstrap
4 回答col-xs-6 col-md-3
2 回答col-xs-6 col-md-3
1 回答col-xs-6 col-md-3
6 回答col-xs col-sm col-md 這幾個的區別
1 回答col-md-* col-sm-* col-xs-* col-lg-* 什么情況下用什么樣式?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-05-17
柵格系統對手機、平板電腦、PC電腦的屏幕尺寸設置了不同樣式,可以有更多的選擇,有下列幾種情況:
1. 屏幕設備尺寸大于1200px 選擇col-lg
2. 屏幕設備尺寸在970px到1200px 選擇col-md
3. 屏幕設備尺寸在768px到970px 選擇col-sm
4. 屏幕設備尺寸小于768px 選擇col-xs
2015-12-20
col-xs- 表示在超小屏幕上(< 768px)的會采用這樣的類名顯示樣式,三個col-xs-6,因為一個row里面的超過12,所以最終的效果應該兩排,然后均分~(感覺應該是這樣....)
2015-08-05
col-xs-6 這個類起什么作用
2015-02-03
這個是相應式網格的語法, ?你可以這樣認為,當屏幕為小屏幕(<768px)時自動使用class="col-xs-6" ?當屏幕為中屏(>=768px)時自動使用 class="col-md-3"?
2014-12-31
我知道了