自舉簡介
什麽是自舉?
Bootstrap是由Twitter的Mark Otto和Jacob Thornton開發的。
Bootstrap是2011年8月在GitHub上發布的開源產品。
Bootstrap是壹個用於快速開發Web應用程序和網站的前端框架。
Bootstrap支持響應式布局,兼容多種終端(電腦、平板、手機)。
部署和安裝引導
1.在官網/下載bootstrap框架。
2.將下載的框架放在根目錄下,然後導入文件。
支持移動設備優先級的語句需要放在head標簽上。
& ltmeta name = " viewport " content = " width = device-width,initial-scale=1 " >然後介紹bootstrap的css文件。
Bootstrap框架依賴於jQuery,所以需要先引入jQuery庫,再引入bootstrap js文件。
下面是壹段完整的介紹框架的代碼。
(bootstrap的js文件最好放在主體底部)
& lthead & gt
& ltmeta charset="UTF-8 " >
& lt!-首先支持移動設備-& gt;
& ltmeta name = " viewport " content = " width = device-width,initial-scale=1 " >
& lttitle & gt測試文檔
& lt!-介紹Css文件-& gt;
& ltlink rel = " style sheet " type = " text/CSS " href = " CSS/bootstrap . CSS "/& gt;
& lt!-介紹jQuery文件-& gt;
& ltscript src = " js/jquery-1.11.0 . js " type = " text/JavaScript " charset = " utf-8 " & gt;& lt/script & gt;
& lt!-介紹bootstrap框架js文件-& gt;
& ltscript src = " js/bootstrap . js " type = " text/JavaScript " charset = " utf-8 " & gt;& lt/script & gt;
& lt/head & gt;3.也可以用官方CDN。
將它放在jQuery文件下的head標記中。
拜訪的時候壹定要有人脈。
& lt!-最新版本的Bootstrap核心CSS文件->;
& ltlink rel = " style sheet " href = "/bootstrap/3 . 3 . 7/CSS/bootstrap . min . CSS " integrity = " sha 384-bvyiisifek 1 dgmjrakycuharg 32 omu cw7 on 3 rydg 4 va+PMS tsz/k 68 vbdeh4u " cross origin = " anonymous " >
& lt!-可選的引導主題文件(通常不導入)-& gt;
& ltlink rel = " style sheet " href = "/bootstrap/3 . 3 . 7/CSS/bootstrap-theme . min . CSS " integrity = " sha 384-rhyon 1 irsvxv 4 nd 0 jutlngaslcjuc 7 uwjduw 9 svrlvryoopp 2 bwygmgjqixwl/Sp " cross origin = " anonymous " >
& lt!-最新的Bootstrap核心JavaScript文件->;
& ltscript src = "/bootstrap/3 . 3 . 7/js/bootstrap . min . js " integrity = " sha 384-TC 5 iqib 027 qvyjsmfhjomalkfuwvxzxupncj a7 L2 mcwnipg 9 mgcd 8 wgnicpd 7 TXA " cross origin = " anonymous " & gt;& lt/script & gt;總結: