首頁 > web前端 > Bootstrap教程 > bootstrap網格是什麼

bootstrap網格是什麼

藏色散人
發布: 2021-10-29 11:29:48
原創
2641 人瀏覽過

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

bootstrap網格是什麼

本文操作環境: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使用教學

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板