加入 css
因為 BootStrap 很容易和 Vue 的 js 衝突 (binding 時間非同步，不可預期) 這篇只是練習用途，未來我們會用 Element Plus (https://element-plus.org/en-US/)
Vue 用來處理資料和商業邏輯很簡潔有威力，
比直接寫原生的 JavaScript 更快，而且更不會出錯、也更好維護。MVC 的 M (資料) 和 C (邏輯控制) 已經透過 Vue 搞定，
接著，V (view) 前端元件的部分 (例如按鈕、 slider 這類的)，
當然就是拿這些全世界都在用的 Bootstrap 囉。
這些可是全世界頂尖高手寫的，
而且經過大量的驗證，絕對比自己寫的好上100倍。
而且因為資源多，後續開發與維護也會容易許多。
把 Bootstrap 加入，就幾個步驟：
重點
- 1.<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
- 2.加入 js一樣複製貼上
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
- 3.加上基礎的 html所有 Bootstrap 的元件，都要包在 container 裡面喔
<div class="container">
<!-- Content here -->
</div>
評語
請登入後才可以評分