Bootstrap 5.0正式發(fā)布了，帶來了很多亮點(diǎn)，還學(xué)得動(dòng)嗎？

Bootstrap 介紹

Bootstrap 是前些年十分流行，當(dāng)前比較流行的前端框架，由國內(nèi)上不了的推特出品，基于 css / html / JAVAscript 提供了簡潔的api，以及更為完善的人性化的網(wǎng)站風(fēng)格，并兼容大多數(shù) jQuery 插件。。特點(diǎn)是上手簡單靈活，當(dāng)年一經(jīng)推出，受到了大量前端開發(fā)者的青睞，極大地加快了 web 開發(fā)的速度，是 web 前端開發(fā)人員的一個(gè)重要工具。

bootstrap5 官網(wǎng)截圖

歷經(jīng)了4個(gè)大版本的更新，如今 Bootstrap 5.0 正式版也正式發(fā)布了，帶來很多新特性：

• 全新的logo，以及官網(wǎng)文檔更新了全新的視覺樣式
• 不再依賴 jQuery，文件更小并提高頁面加載速度
• 終于放棄了對(duì) Internet Explorer 的支持，CSS 可以使用自定義屬性了
• 網(wǎng)格系統(tǒng)、表格、手風(fēng)琴等組件的優(yōu)化更新
• 新增了全新的畫布組件，表單和輸入組件也得到了大量更新

開發(fā)上手體驗(yàn)和使用建議

在移動(dòng)互聯(lián)網(wǎng)剛剛興起的那些年，前端沒有現(xiàn)在那么多工具，Bootstrap 可謂一騎絕塵，移動(dòng)優(yōu)先的自適應(yīng)布局，配合 jQuery，還有成千上萬的漂亮主題，能快速地搭建非常美觀健壯的 web 應(yīng)用。前不久 Bootstrap 還發(fā)布了官方的開源圖標(biāo)庫 Bootstrap Icons，同樣都是非常優(yōu)秀的開源項(xiàng)目。

bootstrap 主題

Bootstrap 5.0 作為傳統(tǒng)的 css / html / js 框架，使用也很簡單，無需去學(xué)習(xí) vue.js 那些數(shù)據(jù)綁定視圖的原理，可以直接引入，也可以通過 npm 安裝，即使是使用 php 或 Java 的后端開發(fā)者，也可以快速地通過官網(wǎng)文檔上手。

選擇基于vue 的UI庫還是Bootstrap ？

要想明白這個(gè)問題，只要考慮幾個(gè)問題就行了。

• 如果是需要對(duì)搜索引擎友好（seo）的新項(xiàng)目，建議使用相對(duì)傳統(tǒng)的 Bootstrap，這些項(xiàng)目相對(duì)單頁面應(yīng)用，交互較少，內(nèi)容較多
• 雖然 vue 生態(tài)也有工具支持 seo，但文檔量大且使用復(fù)雜，不是大神不建議使用
• 原來已經(jīng)有使用 jQuery 搭建的 PC 網(wǎng)站，想要單獨(dú)做移動(dòng)站，或者改造成自適應(yīng)站點(diǎn)，也推薦用 Bootstrap

vue 和 bootstap 可以一起使用嗎？

非常不建議。因?yàn)?Bootstrap 是操作 dom 的，而 vue 都是虛擬的 dom，一起搭配使用會(huì)很容易導(dǎo)致很多問題。vue 生態(tài)有很多很優(yōu)秀的 UI 組件庫，之前也推薦過很多，可以翻翻以前的文章，pc / 移動(dòng)端，admin 應(yīng)有盡有。

免費(fèi)開源說明

Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 開發(fā)的，在 GitHub 上發(fā)布的開源產(chǎn)品，基于 MIT 開源協(xié)議，所有個(gè)人、公司和組織都可以下載使用，免費(fèi)用于商業(yè)項(xiàng)目。

關(guān)注我，持續(xù)分享高質(zhì)量的免費(fèi)開源、免費(fèi)商用的資源。