1.引入Bootstrap提供的CDN服務
直接引入Bootstrap提供的CDN服務(基於網絡直接請求加載)
CDN的概念:內容分發網絡(加快服務器響應速度,別人可以快速訪問到網站的資源)
CDN有免費的也有收費的
前端免費框架CDN網站:https://www.bootcdn.cn/twitter-bootstrap/3.4.1/
1.選擇下載Bootstrap CDN
選擇下載Bootstrap CDN,將Bootstrap標簽復制到Pycharm的HTML文檔,在添加到自定義文檔。
CSS標簽:
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
js標簽:
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
Bootstrap官網下載地址:https://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