Bootstrap 5.0正式發(fā)布了，帶來了很多亮點，還學得動嗎？
Bootstrap 介紹
Bootstrap 是前些年十分流行，當前比較流行的前端框架，由國內(nèi)上不了的推特出品，基于 css / html / JAVAscript 提供了簡潔的api，以及更為完善的人性化的網(wǎng)站風格，并兼容大多數(shù) jQuery 插件。。特點是上手簡單靈活，當年一經(jīng)推出，受到了大量前端開發(fā)者的青睞，極大地加快了 web 開發(fā)的速度，是 web 前端開發(fā)人員的一個重要工具。
bootstrap5 官網(wǎng)截圖
歷經(jīng)了4個大版本的更新，如今 Bootstrap 5.0 正式版也正式發(fā)布了，帶來很多新特性：
- 全新的logo，以及官網(wǎng)文檔更新了全新的視覺樣式
- 不再依賴 jQuery，文件更小并提高頁面加載速度
- 終于放棄了對 Internet Explorer 的支持，CSS 可以使用自定義屬性了
- 網(wǎng)格系統(tǒng)、表格、手風琴等組件的優(yōu)化更新
- 新增了全新的畫布組件，表單和輸入組件也得到了大量更新
開發(fā)上手體驗和使用建議
在移動互聯(lián)網(wǎng)剛剛興起的那些年，前端沒有現(xiàn)在那么多工具，Bootstrap 可謂一騎絕塵，移動優(yōu)先的自適應(yīng)布局，配合 jQuery，還有成千上萬的漂亮主題，能快速地搭建非常美觀健壯的 web 應(yīng)用。前不久 Bootstrap 還發(fā)布了官方的開源圖標庫 Bootstrap Icons，同樣都是非常優(yōu)秀的開源項目。
bootstrap 主題
Bootstrap 5.0 作為傳統(tǒng)的 css / html / js 框架，使用也很簡單，無需去學習 vue.js 那些數(shù)據(jù)綁定視圖的原理，可以直接引入，也可以通過 npm 安裝，即使是使用 php 或 Java 的后端開發(fā)者，也可以快速地通過官網(wǎng)文檔上手。
選擇基于vue 的UI庫還是Bootstrap ？
要想明白這個問題，只要考慮幾個問題就行了。
- 如果是需要對搜索引擎友好（seo）的新項目，建議使用相對傳統(tǒng)的 Bootstrap，這些項目相對單頁面應(yīng)用，交互較少，內(nèi)容較多
- 雖然 vue 生態(tài)也有工具支持 seo，但文檔量大且使用復(fù)雜，不是大神不建議使用
- 原來已經(jīng)有使用 jQuery 搭建的 PC 網(wǎng)站，想要單獨做移動站，或者改造成自適應(yīng)站點，也推薦用 Bootstrap
vue 和 bootstap 可以一起使用嗎？
非常不建議。因為 Bootstrap 是操作 dom 的，而 vue 都是虛擬的 dom，一起搭配使用會很容易導致很多問題。vue 生態(tài)有很多很優(yōu)秀的 UI 組件庫，之前也推薦過很多，可以翻翻以前的文章，pc / 移動端，admin 應(yīng)有盡有。
免費開源說明
Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 開發(fā)的，在 GitHub 上發(fā)布的開源產(chǎn)品，基于 MIT 開源協(xié)議，所有個人、公司和組織都可以下載使用，免費用于商業(yè)項目。
關(guān)注我，持續(xù)分享高質(zhì)量的免費開源、免費商用的資源。
