bootstrap網格是什麼

bootstrap網格是指Bootstrap的網格系統；Bootstrap提供了一套響應式、行動裝置優先的串流網格系統，隨著螢幕或視窗尺寸的增加，系統會自動分為最多12列。

本文操作環境：Windows7系統、bootsrap3.3.7版、DELL G3電腦

bootstrap網格是什麼？

Bootstrap 的網格系統（Grid System）。

Bootstrap 提供了一套響應式、行動裝置優先的串流網格系統，隨著螢幕或視窗（viewport）尺寸的增加，系統會自動分成最多12列。

什麼是網格（Grid）？

摘自維基百科：

在平面設計中，網格是一種由一系列用於組織內容的相交的直線（垂直的、水平的）組成的結構（通常是二維的）。它廣泛應用於列印設計中的設計佈局和內容結構。在網頁設計中，它是一種用於快速創建一致的佈局和有效地使用 HTML 和 CSS 的方法。

簡單地說，網頁設計中的網格用於組織內容，讓網站易於瀏覽，並降低用戶端的負載。

什麼是 Bootstrap 網格系統（Grid System）？

Bootstrap 官方文件中有關網格系統的描述：

Bootstrap 包含了一個響應式的、移動設備優先的、不固定的網格系統，可以隨著設備或視口大小的增加而適當地擴展到12 列。它包含了用於簡單的佈局選項的預定義類，也包含了用於生成更多語義佈局的功能強大的混合類。

讓我們來理解一下上面的語句。 Bootstrap 3 是行動裝置優先的，在這個意義上，Bootstrap 程式碼從小螢幕裝置（例如行動裝置、平板電腦）開始，然後擴展到大螢幕裝置（例如筆記型電腦、桌上型電腦）上的元件和網格。

行動裝置優先策略

• 內容

決定什麼是最重要的。

• 佈局

優先設計更小的寬度。

基礎的 CSS 是行動裝置優先，媒體查詢是針對於平板電腦、桌上型電腦。

• 漸進增強

隨著螢幕大小的增加而加入元素。

響應式網格系統隨著螢幕或視窗（viewport）尺寸的增加，系統會自動分成最多12列。

推薦學習：《bootstrap使用教學》

以上是bootstrap網格是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！