前端開發人員可能沒有用過Bootstrap，但應該都聽說過它。Bootstrap是一款前端框架，業內知名度很高。雖說不少公司在招聘崗位中也要求掌握Bootstrap等框架，但依舊有不少從業四五年的前端開發人員沒接觸過它，感覺現實專案中應用Bootstrap的並不多，這是為什麼呢？

Bootstrap是由推特（Twitter）開源的一款HTML、CSS和JS框架，它主要用來開發響應式佈局、移動裝置優先的WEB專案。

Bootstrap前框的主要功能：

針對HTML標籤元素內建了很多樣式，運用這些樣式可以快捷美化HTML元素；

Bootstrap最強大的功能就是柵格系統來製作響應式佈局。

上面說到了Bootstrap前端框架的兩大核心功能，但在實際專案開發中我們很少用Bootstrap的內建樣式，因為這些樣式無法滿足我們的UI需要。

這也就意味著Bootstrap在前端最合理的應用就是做響應式佈局，而對於中小型網站來說開發響應式佈局的成本比單獨針對不同終端製作的成本更大。舉個最簡單的例子，如果是外包型IT公司，客戶找你做網站，你總不至於收一份PC端網站的錢來做相容各端（Web端、Wap端）的響應式站點吧？

基於以上現實條件限制，Bootstrap框架一般只運用於兩塊：

後臺框架中可利用自帶的樣式快速佈局；

大型網站的前端響應式佈局。

這樣一來，真正用到Bootstrap框架的場景並不多。

原因出自很多人推崇的柵格佈局，這種佈局使用百分比來佈局，無論老版本使用float還是新版flex都使用百分比。百分比移動端佈局無法做到精確適配。

總之千萬別信了bootstrap的宣傳，什麼都能做。實際做的都不好。做移動端還是用專用的UI框架吧。

bootstrap是傳統的解決方案，有兩個問題：1是難以動態注入變數，比如全域性變數，宏，動態引數等。這需要引入sass等新型庫。2是對CSS的要求提高了，需要和js整合，相容，最好在js裡直接寫CSS，而不需要單獨的CSS檔案了。這就是css in js的概念。可以說bootstrap的概念過時了，直接用css in js 應該是趨勢。

現代框架那麼多，bootstrap的時代已經過去，其實專業前端根本不屑於用bootstrap，都是菜鳥和後端程式設計師用

這種適合快速開發，沒有美工和設計的情況下使用的比較多，一般都有設計要求，它這個基本都是固定的ui庫拼裝在一起的。達不到設計要求。

Salesforce 用的就是bootstrap, 這行業軟體可能中國不流行，但絕對是稱霸武林級別的。因為現在多數框架都用了它css的元件化產品，所以用了你也不知道，比如bootstrap專門有angular和react的npm包，bootstrap.js指令碼專業前端是不用的。

bootstrap只是一個ui框架，或者說只是一個設計好的樣式庫，並且比流行的ant el vant這類偏業務元件的ui框架更底層一點，用ui框架就是為了節省時間，所以幹嘛不直接用人家寫好的業務元件，用bootstrap我仍然還是要自己封裝元件，那不是耽誤時間嗎。所以很多人用bootstrap來二次封裝做成一些元件UI框架更實用。

哈哈，時代變了啊。

在mvc時代，後端渲染盛行，CGI語言繁榮的時代，bootstrap這種UI框架還是比較流行的，用它能夠快速構建響應式web應用，各種元件和樣式極大地提高了開發體驗和使用者體驗。

然而，現在更多的是前後端分離專案，不再是一個mvc框架包攬前後端。前端只需要關注樣式和佈局以及如何渲染。前端更多的是採用vue、react這種框架，bootstrap本身並不適用這些框架，自然也就不用了。

另外，針對vue、react這種開發框架有更好的UI框架了，比如Element、Material-UI等等。那是不是bootstrap完全用不上了，當然不是，感興趣的朋友可以瞭解下BootstrapVue和reactstrap這兩個專案。