HTML、CSS 和 JS框架之Bootstrap
生活随笔
收集整理的這篇文章主要介紹了
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
--------------------------------------------------------------------注:如果你對python感興趣,我這有個學習Python基地,里面有很多學習資料,感興趣的+Q群:895817687 -------------------------------------------------------------------<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/,下載后導入就可以了。
總結
以上是生活随笔為你收集整理的HTML、CSS 和 JS框架之Bootstrap的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 前端之JQuery(二)
- 下一篇: 前端Web框架的实现过程