Bootstrap安裝
從 http://getbootstrap.com/下載Bootstrap
Download Bootstrap:下載 Bootstrap。點擊該按鈕,您可以下載 Bootstrap CSS、JavaScript 和字體的預編譯的壓縮版本。不包含文檔和最初的源代碼文件。
Download Source:下載源代碼。點擊該按鈕,您可以直接從 from 上得到最新的 Bootstrap LESS 和 JavaScript 源代碼。
文檔結構簡單介紹
預編譯的 Bootstrap,Download Bootstrap,解壓縮后,下面的文件/目錄結構
如上圖所示
可以看到已編譯的 CSS 和 JS(bootstrap.*)
以及已編譯壓縮的 CSS 和 JS(bootstrap.min.*)
CSS 源地圖(bootstrap.*.map
)可用於某些瀏覽器的開發人員工具
同時也包含了 Glyphicons 的字體,這是一個可選的 Bootstrap 主題。
Bootstrap 源代碼,Download Source,文件結構如下:
- less/、js/ 和 fonts/ 下的文件分別是 Bootstrap CSS、JS 和圖標字體的源代碼。
- dist/ 文件夾包含了上面預編譯下載部分中所列的文件和文件夾。
- docs-assets/、examples/ 和所有的 *.html 文件是 Bootstrap 文檔。
如果不想下載可以使用Bootstrap提供的官方鏈接,下載頁面往下拉就可以看到:
<!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
其它Bootstrap CDN推薦
國內:
1、百度的靜態資源庫(http://cdn.code.baidu.com/)上的Bootstrap資源。
<!-- 新 Bootstrap 核心 CSS 文件 --> <link href="http://apps.bdimg.com/libs/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> <!-- 可選的Bootstrap主題文件(一般不使用) --> <script src="http://apps.bdimg.com/libs/bootstrap/3.0.3/css/bootstrap-theme.min.css"></script> <!-- jQuery文件。務必在bootstrap.min.js 之前引入 --> <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="http://apps.bdimg.com/libs/bootstrap/3.0.3/js/bootstrap.min.js"></script>
2、staticfile.org是國人所搭建的一個公共CDN,專門用於Web相關的JS、CSS等文件。
https://www.staticfile.org/
國際:
推薦使用:https://cdnjs.com/
jQuery安裝
從 jquery.com 中下載。
- Production version - 用於實際的網站中,已被精簡和壓縮。
- Development version - 用於測試和開發(未壓縮,是可讀的代碼)
jQuery CDN推薦
BootCDNA(又拍雲提供)
BootCDN 是 Bootstrap 中文網支持並維護的開源項目免費 CDN 服務,致力於為 Bootstrap、jQuery、Angular 一樣優秀的開源項目提供穩定、快速的免費 CDN 服務。
BootCDN 所收錄的開源項目主要同步於 cdnjs 倉庫。
<!-- BootCDNA--> <head> <script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"> </script> </head>
<!-- 百度CND--> <head> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"> </script> </head>
<!--新浪CDN--> <head> <script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"> </script> </head>
<!--微軟CDN--> <head> <script src="http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"> </script> </head>