在bootstrap中，12柵格系統(tǒng)指的是將頁(yè)面布局分為等寬的1到12列，并通過(guò)比例計(jì)算來(lái)定義列寬，通過(guò)列數(shù)來(lái)定義模塊化的頁(yè)面布局方式，是一個(gè)響應(yīng)式的、移動(dòng)設(shè)備優(yōu)先的柵格系統(tǒng)。

本教程操作環(huán)境：Windows10系統(tǒng)、bootstrap3.3.7版、DELL G3電腦

bootstrap的12柵格系統(tǒng)是什么

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

什么是柵格（Grid）？

在平面設(shè)計(jì)中，柵格是一種由一系列用于組織內(nèi)容的相交的直線（垂直的、水平的）組成的結(jié)構(gòu)（通常是二維的）。它廣泛應(yīng)用于打印設(shè)計(jì)中的設(shè)計(jì)布局和內(nèi)容結(jié)構(gòu)。在網(wǎng)頁(yè)設(shè)計(jì)中，它是一種用于快速創(chuàng)建一致的布局和有效地使用 HTML 和 CSS 的方法。

簡(jiǎn)單地說(shuō)，網(wǎng)頁(yè)設(shè)計(jì)中的柵格用于組織內(nèi)容，讓網(wǎng)站易于瀏覽，并降低用戶端的負(fù)載。

什么是 Bootstrap 柵格系統(tǒng)（Grid System）？

Bootstrap 包含了一個(gè)響應(yīng)式的、移動(dòng)設(shè)備優(yōu)先的、不固定的柵格系統(tǒng)，可以隨著設(shè)備或視口大小的增加而適當(dāng)?shù)財(cái)U(kuò)展到 12 列。它包含了用于簡(jiǎn)單的布局選項(xiàng)的預(yù)定義類(lèi)，也包含了用于生成