性欧美孕妇xxxx,亚洲情黄网站在线视频

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

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

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

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

任務(wù)

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

?不會了怎么辦

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; }

提問題

提交

其他問答

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

寫筆記

公開筆記

提交

全屏

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

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

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

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

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

任務(wù)

提問題

其他問答

寫筆記

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

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

手記推薦

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

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

熱搜

最近搜索清空

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

任務(wù)

提問題

其他問答

寫筆記

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

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

手記推薦

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