bootstrap4的案例分析-創(chuàng)新互聯(lián)

這篇文章主要介紹了bootstrap4的案例分析，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)公司一直秉承“誠(chéng)信做人，踏實(shí)做事”的原則，不欺瞞客戶(hù)，是我們最起碼的底線(xiàn)！ 以服務(wù)為基礎(chǔ)，以質(zhì)量求生存，以技術(shù)求發(fā)展，成交一個(gè)客戶(hù)多一個(gè)朋友！專(zhuān)注中小微企業(yè)官網(wǎng)定制，成都網(wǎng)站建設(shè)、網(wǎng)站制作，塑造企業(yè)網(wǎng)絡(luò)形象打造互聯(lián)網(wǎng)企業(yè)效應(yīng)。

Bootstrap 曾經(jīng)風(fēng)頭無(wú)兩，是人們?nèi)腴T(mén)前端的選 CSS 框架，很多寫(xiě)后端的程序員的 side project 也經(jīng)常使用它來(lái)搭建項(xiàng)目主頁(yè)、demo 等等。

歷經(jīng)三年開(kāi)發(fā)，前端框架 Bootstrap 4 正式發(fā)布了。然而今天的 Web 世界已經(jīng)和當(dāng)初 Mark Otto 發(fā)布 Bootstrap 時(shí)的情況大為不同，一些開(kāi)發(fā)者由此質(zhì)疑它的更新是否還有意義。

V4 版本的主要更新有：

改進(jìn)的網(wǎng)格系統(tǒng)（默認(rèn)情況下為 Flexbox）

現(xiàn)在使用 Sass（取代了 Less）

不支持 IE8、IE9 和 iOS 6

重寫(xiě) JavaScript 插件

現(xiàn)在使用 rem 取代了 px。

準(zhǔn)備從 V3 版本升級(jí)的開(kāi)發(fā)人員需要先做測(cè)試，可能還要解決一些問(wèn)題。新版整體上和舊版接近，但多了一些突破性的變化。下面的遷移指南列出了變化內(nèi)容的詳情：

https://getbootstrap.com/docs/4.0/migration/#by-component

Bootstrap 的優(yōu)勢(shì)之一是其網(wǎng)格系統(tǒng)。這一系統(tǒng)為網(wǎng)頁(yè)提供了一種可聲明的方式來(lái)渲染網(wǎng)格系統(tǒng)中的內(nèi)容，不需要額外的步驟就能使流式內(nèi)容兼容桌面端和移動(dòng)端。

Bootstrap 4 的網(wǎng)格系統(tǒng)使用的是幾乎所有的現(xiàn)代瀏覽器都支持的 flexbox。因?yàn)橐肓诉@一更新等原因，新版只支持 IE10 以上和 iOS7 以上。如果項(xiàng)目仍需兼容舊式瀏覽器，開(kāi)發(fā)人員就要繼續(xù)使用 Bootstrap 3。但是，Bootstrap 3 的維護(hù)已經(jīng)在 2016 年結(jié)束了。

Bootstrap 最初于 2011 年發(fā)布，當(dāng)初是作為 Twitter 的一個(gè)產(chǎn)品誕生的，號(hào)稱(chēng)是“世界上最流行的 HTML、CSS 和 JS 庫(kù)”，但其增長(zhǎng)趨勢(shì)如今似乎已經(jīng)到頭了。Dan Tao 等人曾批評(píng) Boostrap 的緊耦合和缺乏語(yǔ)義的缺陷：

最早看來(lái)很棒的一堆開(kāi)發(fā)組件，如今演變成了堆積如山的技術(shù)債務(wù)。開(kāi)發(fā)者的 HTML 充斥著帶有 Bootstrap 特定屬性的深度嵌套結(jié)構(gòu)。

V4 的第一個(gè) alpha 版本發(fā)布于 2015 年 8 月，兩年后發(fā)布了第一個(gè) beta 版本。但 Bootstrap 4 是否生不逢時(shí)？它的網(wǎng)格系統(tǒng)是大的賣(mài)點(diǎn)之一，但主流瀏覽器普遍采用 CSS 網(wǎng)格，意味著 Bootstrap 4 新引入的，基于 flexbox 的網(wǎng)格已經(jīng)過(guò)時(shí)了。

Natalya Shelburne 是紐約時(shí)報(bào)的一位軟件工程師，她認(rèn)為 CSS 網(wǎng)格才是未來(lái)：

CSS 網(wǎng)格不是什么黑客工具，它是一個(gè)很好的 web 布局工具。什么都不用安裝，也不需要預(yù)處理器，更用不著為了理解它的運(yùn)作機(jī)制而絞盡腦汁。

此外，Ryan Oglesby 則認(rèn)為，使用基于組件的樣式技術(shù)（如經(jīng)常與 React 或 Vue.js 一起使用的技術(shù)），就不需要傳統(tǒng)的“全局 CSS”技術(shù)了：

在 React 或 Vue.js 等 UI 庫(kù)的幫助下，現(xiàn)代 Web 應(yīng)用程序體系結(jié)構(gòu)已經(jīng)采用了松耦合，高內(nèi)聚的組件，這些組件通常將 HTML，CSS 和 JavaScript 放在同一個(gè)文件中。

當(dāng)然，如果開(kāi)發(fā)者想要做一些美觀(guān)漂亮、運(yùn)行迅速的內(nèi)容，Bootstrap 的 JavaScript 插件（比如 Popover 和 Form 控件）仍是選的框架。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享bootstrap4的案例分析內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)建站，關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，遇到問(wèn)題就找創(chuàng)新互聯(lián)建站，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!

分享標(biāo)題：bootstrap4的案例分析-創(chuàng)新互聯(lián)
轉(zhuǎn)載來(lái)于：http://muchs.cn/article8/djegop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司、品牌網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、全網(wǎng)營(yíng)銷(xiāo)推廣、ChatGPT

廣告

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