四虎影视国产精品亚洲精品,国产精品人妻久久毛片高清无卡

實(shí)現(xiàn)原理

網(wǎng)格系統(tǒng)的實(shí)現(xiàn)原理非常簡(jiǎn)單，僅僅是通過(guò)定義容器大小，平分12份(也有平分成24份或32份，但12份是最常見(jiàn)的)，再調(diào)整內(nèi)外邊距，最后結(jié)合媒體查詢，就制作出了強(qiáng)大的響應(yīng)式網(wǎng)格系統(tǒng)。Bootstrap框架中的網(wǎng)格系統(tǒng)就是將容器平分成12份。

在使用的時(shí)候大家可以根據(jù)實(shí)際情況重新編譯LESS（或Sass）源碼來(lái)修改12這個(gè)數(shù)值（也就是換成24或32，當(dāng)然你也可以分成更多，但不建議這樣使用）。

（這一章節(jié)注意效果要在全屏狀態(tài)下查看，鼠標(biāo)滑過(guò)結(jié)果窗口時(shí)可單擊出現(xiàn)的全屏按鈕）

任務(wù)

我來(lái)試試：查看右側(cè)代碼編輯器的代碼。

?不會(huì)了怎么辦

index.html
style.css

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>實(shí)現(xiàn)原理</title> <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <div class="row"> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> </div> <div class="row"> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> </div> <div class="row"> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> </div> </div> </body> </html>

[class *= col-]{ background-color: #eee; border: 1px solid #ccc; }

提問(wèn)題

提交

其他問(wèn)答

查看更多本節(jié)問(wèn)答

寫(xiě)筆記

公開(kāi)筆記

提交

全屏

請(qǐng)驗(yàn)證，完成請(qǐng)求

由于請(qǐng)求次數(shù)過(guò)多，請(qǐng)先驗(yàn)證，完成再次請(qǐng)求

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

4-1 實(shí)現(xiàn)原理

實(shí)現(xiàn)原理

任務(wù)

提問(wèn)題

其他問(wèn)答

寫(xiě)筆記

您還未綁定服務(wù)號(hào)

收藏課程后，能更快找到我哦～

手記推薦

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

4-1 實(shí)現(xiàn)原理

熱搜

最近搜索清空

實(shí)現(xiàn)原理

任務(wù)

提問(wèn)題

其他問(wèn)答

寫(xiě)筆記

您還未綁定服務(wù)號(hào)

收藏課程后，能更快找到我哦～

手記推薦