課程
/前端開發
/Bootstrap
/玩轉Bootstrap(基礎)
col-xs col-sm col-md 這幾個有什么區別,分別在什么時候使用?
2015-12-11
源自:玩轉Bootstrap(基礎) 3-10
正在回答
print?hello
<div?class="col-xs-12?col-sm-6?col-md-4">測試</div>在PC端1900左右寬度的時候是col-md-4然后根據屏幕的大小自動使用col-sm-6和col-xs-12、這個代碼自己試一下就能看的出來了。
<div?class="col-xs-12?col-sm-6?col-md-4">測試</div>
在PC端1900左右寬度的時候是col-md-4然后根據屏幕的大小自動使用col-sm-6和col-xs-12、這個代碼自己試一下就能看的出來了。
對應不同的屏幕大小來使用的。
這是bootstrap 的響應式欄柵設計
v3.bootcss.com/css/#grid去這兒看看吧
舉報
告訴你使用Bootstrap,并且能夠獨立定制出適合自己的Bootstrap
4 回答col-xs-6 col-md-3
2 回答col-xs-6 col-md-3
1 回答col-md-* col-sm-* col-xs-* col-lg-* 什么情況下用什么樣式?
1 回答col-xs-6 col-md-3
3 回答col-md-X 與col-sm-X
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-05-28
2015-12-14
2015-12-11
對應不同的屏幕大小來使用的。
2015-12-11
這是bootstrap 的響應式欄柵設計
2015-12-11
v3.bootcss.com/css/#grid去這兒看看吧