本文關(guān)鍵詞：bootstrap

  更多相關(guān)文章： bootstrap 布局

 1、柵格系統(tǒng)（布局）
bootstrap內(nèi)置了一套響應(yīng)式、移動(dòng)設(shè)備優(yōu)先的流式柵格系統(tǒng)，，隨著屏幕設(shè)備或視口（viewport）尺寸的增加，系統(tǒng)會(huì)自動(dòng)分為最多12列。

我在這里是把Bootstrap中的柵格系統(tǒng)叫做布局。它就是通過一系列的行（row）與列（column）的組合創(chuàng)建頁面布局，然后你的內(nèi)容就可以放入到你創(chuàng)建好的布局當(dāng)中。下面就簡(jiǎn)單介紹一下bootstrap柵格系統(tǒng)的工作原理：

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

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

2、使用規(guī)則
bootstrap內(nèi)置了一套響應(yīng)式、移動(dòng)設(shè)備。

1、數(shù)據(jù)行(.row)必須包含在容器（.container）中，以便為其賦予合適的對(duì)齊方式和內(nèi)距(padding)。如：

本文編號(hào)：1186362