3 回答

TA貢獻(xiàn)1776條經(jīng)驗(yàn) 獲得超12個(gè)贊
你好,bootstrap柵格系統(tǒng)的div高度是根據(jù)其自身內(nèi)容自適應(yīng)的,你也可以為div設(shè)置高度,類似,div{height:400px;} 這樣設(shè)置也是可以的,
希望可以幫助到你

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