溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了bootstrap柵格系統(tǒng)是什么，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
柵格系統(tǒng)是Bootstrap中的核心，正是因?yàn)闁鸥裣到y(tǒng)的存在，Bootstrap才能有著如此強(qiáng)大的響應(yīng)式布局方案。
下面是官方文檔中的解說：
Bootstrap 提供了一套響應(yīng)式、移動(dòng)設(shè)備優(yōu)先的流式柵格系統(tǒng)，隨著屏幕或視口（viewport）尺寸的增加，系統(tǒng)會(huì)自動(dòng)分為最多12列。包含了用于簡單的布局選項(xiàng)的預(yù)定義類，也包含了用于生成更多語義布局的功能強(qiáng)大的混合類。
我們來理解一下這一段話，可以發(fā)現(xiàn)其中最重要的部分就是移動(dòng)設(shè)備優(yōu)先，那么什么是移動(dòng)設(shè)備優(yōu)先呢？
Bootstrap的基礎(chǔ)CSS代碼默認(rèn)從小屏幕設(shè)備（比如移動(dòng)設(shè)備、平板電腦）開始，然后使用媒體查詢擴(kuò)展到大屏幕設(shè)備（比如筆記本電腦、臺(tái)式電腦）上的組件和網(wǎng)格。
有著如下策略：
內(nèi)容：決定什么是最重要的。
布局：優(yōu)先設(shè)計(jì)更小的寬度。
漸進(jìn)增強(qiáng)：隨著屏幕大小增加而添加元素。
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“bootstrap柵格系統(tǒng)是什么”這篇文章對大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
