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