常用bootstrap來測試新寫法與插件，寫久了覺得每前都要在本機上開個專案資料夾，在將相關的插件與物件安排到資料夾，不只花時間整理，久而久之也會因為一些物件的版本與相關內容沒整理好發生錯勿，因此思考後將腦筋動到cdn上，cdn除了本機離線不能使用不方便，對於版本只要改個路徑的數值就可以使用該版本的內容，本機上就不用放一堆的資料夾還要考慮到連結的問題，萬一那天其中一個路徑改了而發生連結問題，又要花時間找出解決方法。
1 2 3 4 5 6 7 8 | <!-- 最新編譯和最佳化的 CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"> <!-- 選擇性佈景主題 --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css"> <!-- 最新編譯和最佳化的 JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> |
此外，引用完bootstrap的cdn後，切記還要在加上jQuery的cdn，bootstrap的插件與組件才會有作用
1 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> |