Bootstrap3和Bootstrap4的有什么區(qū)別

這篇文章給大家分享的是有關(guān)Bootstrap3和Bootstrap4的有什么區(qū)別的內(nèi)容。小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧。

網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)建站!專(zhuān)注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、成都微信小程序、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶(hù)創(chuàng)新互聯(lián)還提供了霍邱免費(fèi)建站歡迎大家使用!

Bootstrap3和Bootstrap4的差異

Bootstrap3

Bootstrap4

Less預(yù)處理Sass預(yù)處理

bootstrap3 共有4種柵格類(lèi),依次是:

特小(col-xs-)  (<=768px)

小(col-sm-)  (>=768px)

中(col-md-)  (>=992px)

大(col-lg-)  (>=1200px)

Bootstrap 4 共有5種柵格類(lèi),依次是:

特小(col-)  (<576px)

小(col-sm-)  (>=576px)

中(col-md-)  (>=768px)

大(col-lg-)  (>=992px)

特大(col-xl-)  (>=1200px)

bootstrap3的柵格系統(tǒng)是使用浮動(dòng)(float)的布局方式Bootstrap 4使用彈性盒模型(flexbox)的布局方式
使用px為單位使用rem和em為單位(除部分margin和padding使用px)

Bootstrap4特點(diǎn)

  • 新增網(wǎng)格層適配了移動(dòng)端;

  • 全面引入ES6新特性(重寫(xiě)所有JavaScript插件);

  • css文件減少了至少40%;

  • 所有文檔都用Markdown編輯器重寫(xiě);

  • 支持Internet Explorer 10及更高版本,不支持IE9(即使大多兼容,依然不推薦);

Bootstrap是什么

Bootstrap是目前最受歡迎的前端框架,它是基于 HTML、CSS、JAVASCRIPT 的,它簡(jiǎn)潔靈活,使得 Web 開(kāi)發(fā)更加快捷,它還有一個(gè)響應(yīng)最好的Grid系統(tǒng),并且能夠在手機(jī)端通用,而B(niǎo)ootstrap是使用許多可重用的CSS和JavaScript組件,可以幫助實(shí)現(xiàn)需要的幾乎任何類(lèi)型的網(wǎng)站的功能,此外,所有這些組件都是響應(yīng)式的。

感謝各位的閱讀!關(guān)于“Bootstrap3和Bootstrap4的有什么區(qū)別”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!

名稱(chēng)欄目:Bootstrap3和Bootstrap4的有什么區(qū)別
瀏覽地址:http://muchs.cn/article26/isjsjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、云服務(wù)器、自適應(yīng)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化