Bootstrap環境安裝和jQuery安裝


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>

 


免責聲明!

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



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