在
響應(yīng)式網(wǎng)站中使用bootstrap的使用率是極大的,很多開發(fā)者都在使用它。那boosttrap的優(yōu)勢是什么了?在boosttrap出現(xiàn)前有很多網(wǎng)站的頁面排版命名重復(fù)、復(fù)雜、無意義,樣式重復(fù)、冗余、不規(guī)范、不和諧,頁面錯亂、不規(guī)范、不和諧,而boosttrap出現(xiàn)后各種命名都統(tǒng)一并且規(guī)范化,頁面風格統(tǒng)一,畫面和諧。
Bootstrap的核心是柵格系統(tǒng),Bootstrap 提供了一套響應(yīng)式、移動設(shè)備優(yōu)先的流式柵格系統(tǒng),隨著屏幕或視口(viewport)尺寸的增加,系統(tǒng)會自動分為最多12列。它包含了易于使用的預(yù)定義類。
排列如圖:
柵格參數(shù)如圖:
柵格系統(tǒng)是通過一系列的行(row)與列(column)的組合來組建頁面布局的,Bootstrap 需要為頁面內(nèi)容和柵格系統(tǒng)包裹一個.container容器。Bootstrap提供了兩個容器類(.container和.container-fluid),而這兩種容器類不能互相嵌套。
如圖:
當屏幕寬度大于和等于1200px時.Bootstrap使用.col-lg-的類來組建頁面布局,當屏幕寬度大于和等于992px時.Bootstrap使用.col-md-的類來組建頁面布局,當屏幕寬度大于和等于768px時.Bootstrap使用.col-sm-的類來組建頁面布局,當屏幕寬度小于768px時.Bootstrap使用.col-sm-的類來組建頁面布局,通過這些響應(yīng)式的類Bootstrap組建了一個在多種屏幕設(shè)備上的
響應(yīng)式網(wǎng)站。
新聞標題:響應(yīng)式網(wǎng)站制作之Bootstrap框架的使用
網(wǎng)站路徑:http://redsoil1982.com.cn/news32/246232.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有響應(yīng)式網(wǎng)站等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)