首頁 >web前端 >css教學 >什麼是bootstrap柵格系統

什麼是bootstrap柵格系統

藏色散人
藏色散人原創
2019-06-01 10:17:514327瀏覽

什麼是bootstrap柵格系統

柵格系統是Bootstrap中的核心,正是因為柵格系統的存在,Bootstrap才能有著如此強大的響應式佈局方案。

以下是官方文件中的解說:

Bootstrap 提供了一套響應式、行動裝置優先的串流閘格系統,隨著螢幕或視窗(viewport)尺寸的增加,系統會自動分成最多12列。包含了用於簡單的佈局選項的預定義類,也包含了用於生成更多語義佈局的功能強大的混合類。

我們來理解這一段話,可以發現其中最重要的部分就是行動裝置優先,那麼什麼是行動裝置優先呢?

Bootstrap的基礎CSS程式碼預設從小螢幕裝置(例如行動裝置、平板電腦)開始,然後使用媒體查詢擴展到大螢幕裝置(例如筆記型電腦、桌上型電腦)上的元件和網格。

有著以下策略:

內容:決定什麼是最重要的。

佈局:優先設計更小的寬度。

漸進增強:隨著螢幕大小增加而加入元素。

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

相關文章

看更多