Bootstrap 5 alpha1 發布 不支援IE 不依賴jquery

Bootstrap 5 年初時就有消息，最讓人印象深刻的就是他不再支援IE且放棄使用jquery，我當時覺得放棄jquery非常好有些專案可以直接用純JS來寫，讓專案可以更純淨，而放棄IE這就蠻前衛的，但不得不說要讓IE消失，我也是舉雙手雙腳贊成。

CDN

<!-- CSS only -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
<!-- JavaScript and dependencies -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script>
  

從官網提供的CDN，就能發現除了原本的popper跟bootstrap外JQ已確定移除，元件的使用參數也從原本的JQ換成原生JS，現在原生JS在處理DOM時確實不輸JQ，不依賴JQ讓使用BS的人可以更多的選擇，當然習慣使用JQ還是能搭配BS5。

JS比較

BS4.5元件

BS5元件

不在支援IE

原本看到不再支援IE，心想是不是BS5要把css grid系統放進來了，很可惜官方的Docs 還是找不到，倒是bs5大量的使用css 變數(CSS Variables)，css變數的強大相信很多人都知道，使用css變數最麻煩的就是相容性，以至於讓很多人不敢碰它，但css變數寫出來的動畫特效，真的很值得去學，不使用js就可以寫動態，對於很多人都是福音。

Bootstrap 5 官方網 :https://v5.getbootstrap.com/