Bootstrap5在長(zhǎng)時(shí)間經(jīng)歷bootstrap-5.0.0-beta3版本之后，終于推出正式版本了，最新的版本號(hào)是bootstrap-5.1.0，正式版與beta3版本功能差別不大，只是對(duì)一些組件的細(xì)節(jié)效果進(jìn)行了修改，以及修復(fù)了一些以前存在的問(wèn)題。我注意到早在beta版本的時(shí)候，就有很多網(wǎng)站開(kāi)始采用了，但是對(duì)于正規(guī)商業(yè)項(xiàng)目來(lái)說(shuō)，采用beta版本風(fēng)險(xiǎn)很大，而現(xiàn)在正式版發(fā)布后，大家就可以放心的使用了。

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

官方洋洋灑灑的說(shuō)了上萬(wàn)字，就我個(gè)人使用來(lái)看無(wú)非有下面幾點(diǎn)：

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

2. 不再依賴jQuery。jQuery優(yōu)點(diǎn)很多，更能也很強(qiáng)大，但是對(duì)于一些小項(xiàng)目而言，jQuery大大的增加了源碼包的大小。Bootstrap5不再依賴jQuery，可以大大的減小Bootstrap的源碼包大小。當(dāng)然，這里說(shuō)的不再依賴是說(shuō)jQuery不再是必須的，如果你需要jQuery，依然可以單獨(dú)引入，另外單獨(dú)引入的話你還可以直接使用最新版本的jQuery，而不是Bootstrap配套的版本。

3. 優(yōu)化了各個(gè)組件的外觀，包括調(diào)色板、字體等，使設(shè)計(jì)的網(wǎng)站變得更加好看，一直以來(lái)Bootstrap給人詬病的一點(diǎn)就是做出的網(wǎng)站頁(yè)面太死板，面目丑陋，需要自己另外寫css優(yōu)化，現(xiàn)在Bootstrap5做好的頁(yè)面已經(jīng)非常美觀，可直接應(yīng)用了，大家可以直接看看www.roadlinkinfra.com ，純Bootstrap5開(kāi)發(fā)，沒(méi)有使用任何其他css文件。

4. 增加了很多組件，現(xiàn)在基本上設(shè)計(jì)網(wǎng)頁(yè)的常用組件都能找到了，網(wǎng)頁(yè)設(shè)計(jì)變得不要太輕松了，簡(jiǎn)單復(fù)制、粘貼、修改以下文字，拼湊起來(lái)即可。

5. 體積大大減小。完整編譯版僅1M多，經(jīng)俺老劉試驗(yàn)，如果你很在意軟件包大小，完全可以將bootstrap.min.css和bootstrap.bundle.min.js提取出來(lái)，總共不到100k，目前沒(méi)發(fā)現(xiàn)任何問(wèn)題。

1.1.2 我應(yīng)該學(xué)習(xí)Bootstrap4還是Bootstrap5？

這個(gè)問(wèn)題要根據(jù)自己的情況進(jìn)行判斷：

1. 如果你目前正在用Bootstrap4進(jìn)行一個(gè)項(xiàng)目，開(kāi)發(fā)都接近尾聲了，而B(niǎo)ootstrap4的功能也都?jí)蛴昧耍敲催€是接著用Bootstrap4做完項(xiàng)目好了，沒(méi)必要畫蛇添足。

2. 如果你目前正在用Bootstrap4進(jìn)行一個(gè)項(xiàng)目，項(xiàng)目剛剛開(kāi)始，又看到很多Bootstrap5的功能很實(shí)用，果斷放棄Bootstrap4，進(jìn)入Bootstrap5吧。

3. 對(duì)于目前沒(méi)有開(kāi)始開(kāi)發(fā)的項(xiàng)目，直接學(xué)習(xí)Bootstrap5吧，Bootstrap5增加了那么多實(shí)用的功能，你有什么理由不去使用呢？

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