国产精品一区二区三区……-大杳蕉伊人欧美一本遒在饯-日本不卡一区免费在线观看-国产亚洲欧美中文字幕

400-800-9385
網(wǎng)站建設資訊詳細

響應式網(wǎng)站制作之Bootstrap框架的使用

發(fā)表日期:2020-10-29 09:20:32   作者來源:嚴成   瀏覽:2684   標簽:響應式網(wǎng)站制作    
在響應式網(wǎng)站中使用bootstrap的使用率是極大的,很多開發(fā)者都在使用它。那boosttrap的優(yōu)勢是什么了?在boosttrap出現(xiàn)前有很多網(wǎng)站的頁面排版命名重復、復雜、無意義,樣式重復、冗余、不規(guī)范、不和諧,頁面錯亂、不規(guī)范、不和諧,而boosttrap出現(xiàn)后各種命名都統(tǒng)一并且規(guī)范化,頁面風格統(tǒng)一,畫面和諧。
Bootstrap的核心是柵格系統(tǒng),Bootstrap 提供了一套響應式、移動設備優(yōu)先的流式柵格系統(tǒng),隨著屏幕或視口(viewport)尺寸的增加,系統(tǒng)會自動分為最多12列。它包含了易于使用的預定義類。
排列如圖:

圖像1

柵格參數(shù)如圖:

說明2
 
柵格系統(tǒng)是通過一系列的行(row)與列(column)的組合來組建頁面布局的,Bootstrap 需要為頁面內(nèi)容和柵格系統(tǒng)包裹一個.container容器。Bootstrap提供了兩個容器類(.container和.container-fluid),而這兩種容器類不能互相嵌套。
如圖:

HTML代碼2
 
當屏幕寬度大于和等于1200px時.Bootstrap使用.col-lg-的類來組建頁面布局,當屏幕寬度大于和等于992px時.Bootstrap使用.col-md-的類來組建頁面布局,當屏幕寬度大于和等于768px時.Bootstrap使用.col-sm-的類來組建頁面布局,當屏幕寬度小于768px時.Bootstrap使用.col-sm-的類來組建頁面布局,通過這些響應式的類Bootstrap組建了一個在多種屏幕設備上的響應式網(wǎng)站。
 
 
如沒特殊注明,文章均為方維網(wǎng)絡原創(chuàng),轉載請注明來自http://pdcharm.com/news/5882.html
铜梁县| 平罗县| 册亨县| 陇南市| 孝感市| 绵竹市| 五华县| 松潘县| 陕西省| 新营市| 泽库县| 读书| 玉环县| 济宁市| 云浮市| 澄江县| 云浮市| 宁陵县| 成武县| 迁安市| 重庆市| 通山县| 泗水县| 洛浦县| 益阳市| 本溪市| 册亨县| 邳州市| 筠连县| 温宿县| 浙江省| 随州市| 鹤庆县| 迁安市| 阜阳市| 揭西县| 离岛区| 宁晋县| 辉南县| 宜兴市| 佳木斯市|