HTML、CSS 和 JS框架之Bootstrap


一.Bootstrap簡介:

Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架,用於開發響應式布局、移動設備優先的 WEB 項目。

詳細參考內容:Bootstrap_v3

二.Bootstrap安裝:

 下載地址:https://v3.bootcss.com/(使用v3版,不要使用最新版)

 使用方法一:
下載后解壓文件bootstrap-3.3.7-dist

這里有一些多余的文件需要刪除,方便我們今后更快的找到導入的框架文件,里面三個文件夾分別留這些就行了:

將bootstrap-3.3.7-dist文件夾復制到項目目錄下,就可以導入css文件和js文件來使用bootstrap框架的了,這是本地導入方法。

方法二:https://www.bootcdn.cn/在線導入

導入版本:3.4.1

<link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"> 

<script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>

 

三、關於Bootstrap的使用,具體可以參考Bootstrap3中文文檔,使用大致過程就是:

根據目錄找樣式>>復制HTML代碼>>粘貼HTML代碼到自己的HTML文件中>>修改里面的文本和相關參數。

所以使用Bootstrap,可以先熟悉一遍其文檔,這樣找起來也更迅速、高效。

補充:

Bootstrap自帶圖標不夠豐富,推薦個圖標網:http://www.fontawesome.com.cn/,下載后導入就可以了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM