bootstrap柵格系統的div高度怎樣定
3 回答

楊魅力
TA貢獻1811條經驗 獲得超6個贊
1、簡介
Bootstrap內置了一套響應式、移動設備優先的流式柵格系統,隨著屏幕設備或視口(viewport)尺寸的增加,系統會自動分為最多12列。它包含了易于使用的預定義classe,還有強大的mixin用于生成更具語義的布局。
2、柵格選項
bootstrap3.x使用了四種柵格選項來形成柵格系統,很多人不理解,這里跟大家詳解一下四種柵格選項之間的區別,其實區別只有一條就是適合不同尺寸的屏幕設備??碿lass前綴這一項,姑且以前綴命名這四種柵格選項,分別是col-xs、col-sm、col-md、col-lg,懂英文的就知道,lg是large的縮寫,md是mid的縮寫,sm是small的縮寫,xs是***的縮寫。這樣命名就體現了這幾種class適應的屏幕寬度不同。
3、列偏移
使用.col-md-offset-*可以將列偏移到右側。這些class通過使用*選擇器將所有列增加了列的左側margin。例如,.col-md-offset-4將.col-md-4向右移動了4個列的寬度。
4、嵌套列
為了使用內置的柵格將內容嵌套,通過添加一個新的.row和一系列.col-md-*列到已經存在的.col-md-*列內即可實現。嵌套row所包含的列加起來應該等于12。
5、列排序
通過使用.col-md-push-* 和 .col-md-pull-*就可以很容易的改變列的順序。
- 3 回答
- 0 關注
- 1421 瀏覽
添加回答
舉報
0/150
提交
取消