Bootstrap提供的CDN服務標籤與下載文檔

• 2022 年 2 月 16 日
• 筆記

1.引入Bootstrap提供的CDN服務

直接引入Bootstrap提供的CDN服務(基於網路直接請求載入)
CDN的概念:內容分發網路(加快伺服器響應速度,別人可以快速訪問到網站的資源)
CDN有免費的也有收費的

前端免費框架CDN網站://www.bootcdn.cn/twitter-bootstrap/3.4.1/

1.選擇下載Bootstrap CDN

選擇下載Bootstrap CDN，將Bootstrap標籤複製到Pycharm的HTML文檔，在添加到自定義文檔。

CSS標籤:
<link href="//cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">

js標籤:
<script src="//cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>

Bootstrap官網下載地址://www.bootcss.com/

二:下載Bootstrap官方文檔

1.進入Bootstrap官網，選擇3版本中文檔。

2.選擇Bootstrap中生產環境下載文件。

3.下載完壓縮後,打開Bootstrap文件

4.Bootstrap文件 CSS文件與JS文件內未壓縮等文件刪除，只留壓縮的一個文件，防止在導入Bootstrap文件時發生數據錯亂。fonts文件不需要動，裡面是字體文件。

5.將Bootstrap文件直接移動到Pycharm當前文檔內。

6.外部Bootstrap引入CDN標籤，與Bootstrap官網文件。

7.注意(下載Bootstrap文件與複製標籤)

Bootstrap文件也需要下載，如果不下載Bootstrap的文件，直接引用Bootstrap的的標籤，那麼在PyCharm敲Bootstrap程式碼的時候，會不提示Bootstrap相關程式碼語法

所以先下載Bootstrap文件,在複製Bootstrap標籤到HTML文檔，添加到PyCharm文檔。

8.注意

bootstrap的js程式碼是依賴於jQuery的，也就意味著你在使用Bootstrap動態效果的時候，一定要導入jQuery