Bootstrap5在長時間經歷bootstrap-5.0.0-beta3版本之后，終于推出正式版本了，最新的版本號是bootstrap-5.1.0，正式版與beta3版本功能差別不大，只是對一些組件的細節效果進行了修改，以及修復了一些以前存在的問題。我注意到早在beta版本的時候，就有很多網站開始采用了，但是對于正規商業項目來說，采用beta版本風險很大，而現在正式版發布后，大家就可以放心的使用了。

1.1.1 Bootstrap5與Bootstrap4相比都有哪些重大改變呢？

官方洋洋灑灑的說了上萬字，就我個人使用來看無非有下面幾點：

1. 不在支持internet explorer10和internet explorer11。節省了很多為兼容而寫的代碼，同時也可以更好的運用html5和css3的一些新特征。

2. 不再依賴jQuery。jQuery優點很多，更能也很強大，但是對于一些小項目而言，jQuery大大的增加了源碼包的大小。Bootstrap5不再依賴jQuery，可以大大的減小Bootstrap的源碼包大小。當然，這里說的不再依賴是說jQuery不再是必須的，如果你需要jQuery，依然可以單獨引入，另外單獨引入的話你還可以直接使用最新版本的jQuery，而不是Bootstrap配套的版本。

3. 優化了各個組件的外觀，包括調色板、字體等，使設計的網站變得更加好看，一直以來Bootstrap給人詬病的一點就是做出的網站頁面太死板，面目丑陋，需要自己另外寫css優化，現在Bootstrap5做好的頁面已經非常美觀，可直接應用了，大家可以直接看看www.roadlinkinfra.com ，純Bootstrap5開發，沒有使用任何其他css文件。

4. 增加了很多組件，現在基本上設計網頁的常用組件都能找到了，網頁設計變得不要太輕松了，簡單復制、粘貼、修改以下文字，拼湊起來即可。

5. 體積大大減小。完整編譯版僅1M多，經俺老劉試驗，如果你很在意軟件包大小，完全可以將bootstrap.min.css和bootstrap.bundle.min.js提取出來，總共不到100k，目前沒發現任何問題。

1.1.2 我應該學習Bootstrap4還是Bootstrap5？

這個問題要根據自己的情況進行判斷：

1. 如果你目前正在用Bootstrap4進行一個項目，開發都接近尾聲了，而Bootstrap4的功能也都夠用了，那么還是接著用Bootstrap4做完項目好了，沒必要畫蛇添足。

2. 如果你目前正在用Bootstrap4進行一個項目，項目剛剛開始，又看到很多Bootstrap5的功能很實用，果斷放棄Bootstrap4，進入Bootstrap5吧。

3. 對于目前沒有開始開發的項目，直接學習Bootstrap5吧，Bootstrap5增加了那么多實用的功能，你有什么理由不去使用呢？

今天先寫到這里，后面我會寫個系列教程，讓大家快速掌握Bootstrap5的使用。