bootstrap布局之柵格系統(tǒng)詳解_javascript技巧

bootstrap布局之柵格系統(tǒng)詳解_javascript技巧

ID：30766903

大?。?7.95 KB

頁數(shù)：5頁

時(shí)間：2019-01-03

bootstrap布局之柵格系統(tǒng)詳解_javascript技巧_第1頁
bootstrap布局之柵格系統(tǒng)詳解_javascript技巧_第2頁
bootstrap布局之柵格系統(tǒng)詳解_javascript技巧_第3頁
bootstrap布局之柵格系統(tǒng)詳解_javascript技巧_第4頁
bootstrap布局之柵格系統(tǒng)詳解_javascript技巧_第5頁
資源描述：

《bootstrap布局之柵格系統(tǒng)詳解_javascript技巧》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫。

1、Bootstrap布局之柵格系統(tǒng)詳解前些犬學(xué)習(xí)了bootstrap,把其中的柵格系統(tǒng)整理出來，如有錯(cuò)誤，歡迎指止。概耍，柵格系統(tǒng)針對(duì)pc,pad,移動(dòng)端開發(fā)出響應(yīng)式web頁面，根據(jù)不同屏幕分辨率有針對(duì)不同的解決方法。(0.1,屏幕設(shè)備尺寸大于1200px選擇col-lg(0.2.屏幕設(shè)備尺寸在970px到1200px選擇col-md(0.3.屏幕設(shè)備尺寸在768px到970px選擇col-sm(0.4.屏幕設(shè)備尺寸小于768px選擇col-xs1?柵格系統(tǒng)把頁面分為12欄(最多12欄)，如下：

2、ang=zzzh-cn，z>柵格系統(tǒng)<1inkrel二〃stylesheet"href=z，library/bootstrap.min.css，z>?a{height:50px;border:lpxredsolid;background:pi

3、nk;}l

az/>l
a，，>l
a〃>l〈/div>az，>l
az，>laz/>la，，>la〃>l〈/div>az，>laz，>lclass二"col-mdTclass二〃col-mdTclass二〃col-m

4、d-lclass二〃col-mdTclass=，，col-md-lclass二"col-mdTclass二〃col-mdTclass二〃col-md-lclass二〃col-mdTclass=，，col-md-lclass二"col—mdTl3〈/div>9

5、>〈/script>(2.1,col-md-1為一欄，合計(jì)12欄布滿一個(gè)"橫排〃，md后尾隨的數(shù)字為分配的欄數(shù)，(col-lg,col-sm,col-xs同理)3?在不同屏幕分辨率的設(shè)備下，所呈現(xiàn)的頁面為對(duì)應(yīng)的〃柵格式欄數(shù)頁面〃，從而實(shí)現(xiàn)響應(yīng)式布局，如下代碼：

6、t"contcnt=，，width二device-width,initial-scale二1,maxinum-scalc,uscr-scalable=no">柵格系統(tǒng)〈linkrel二〃stylesheet"href^^library/bootstrap.min.css〃>〈body〉

7、，，>lllg-3lg-3l

8、g-3lg-3lg-3lg-3lg-3lg-3lg-3lg-3col-md-4col-md-4col-md-4col-md-4col-md-4col-md-4col-md-4col-md-4col-md-4col-md-4col-sm

當(dāng)前文檔最多預(yù)覽五頁，下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁，下載文檔查看全文
溫馨提示：
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫的文件，查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常，文件下載后無此問題，請(qǐng)放心下載。
2. 本文檔由用戶上傳，版權(quán)歸屬用戶，天天文庫負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容，確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載，若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無法下載或下載錯(cuò)誤，付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。