在bootstrap中,12柵格系統指的是將頁面布局分為等寬的1到12列,并通過比例計算來定義列寬,通過列數來定義模塊化的頁面布局方式,是一個響應式的、移動設備優先的柵格系統。
本教程操作環境:Windows10系統、bootstrap3.3.7版、DELL G3電腦
bootstrap的12柵格系統是什么
Bootstrap 提供了一套響應式、移動設備優先的流式柵格系統,隨著屏幕或視口(viewport)尺寸的增加,系統會自動分為最多12列。
什么是柵格(Grid)?
在平面設計中,柵格是一種由一系列用于組織內容的相交的直線(垂直的、水平的)組成的結構(通常是二維的)。它廣泛應用于打印設計中的設計布局和內容結構。在網頁設計中,它是一種用于快速創建一致的布局和有效地使用 HTML 和 CSS 的方法。
簡單地說,網頁設計中的柵格用于組織內容,讓網站易于瀏覽,并降低用戶端的負載。
什么是 Bootstrap 柵格系統(Grid System)?
Bootstrap 包含了一個響應式的、移動設備優先的、不固定的柵格系統,可以隨著設備或視口大小的增加而適當地擴展到 12 列。它包含了用于簡單的布局選項的預定義類,也包含了用于生成