一.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/,下載后導入就可以了。