柵格系統是Bootstrap中的核心,正是因為柵格系統的存在,Bootstrap才能有著如此強大的響應式佈局方案。
以下是官方文件中的解說:
Bootstrap 提供了一套響應式、行動裝置優先的串流閘格系統,隨著螢幕或視窗(viewport)尺寸的增加,系統會自動分成最多12列。包含了用於簡單的佈局選項的預定義類,也包含了用於生成更多語義佈局的功能強大的混合類。
我們來理解這一段話,可以發現其中最重要的部分就是行動裝置優先,那麼什麼是行動裝置優先呢?
Bootstrap的基礎CSS程式碼預設從小螢幕裝置(例如行動裝置、平板電腦)開始,然後使用媒體查詢擴展到大螢幕裝置(例如筆記型電腦、桌上型電腦)上的元件和網格。
有著以下策略:
內容:決定什麼是最重要的。
佈局:優先設計更小的寬度。
漸進增強:隨著螢幕大小增加而加入元素。
以上是什麼是bootstrap柵格系統的詳細內容。更多資訊請關注PHP中文網其他相關文章!