【3】Bootstrap的下載和目錄結構


【1】下載

去中方官網下載http://www.bootcss.com/

如果你是做網頁練習,你可以使用CDN加速服務,免去下載等痛苦,當然你使用的時候必須有連接上網絡。中方的官網也提供了很多種類的CDN加速服務,我這里就直接貼上官網自己的CDN加速服務吧。

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- 可選的Bootstrap主題文件(一般不用引入) -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- jQuery文件。務必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

由於Bootstrap提供了預編譯版本和源碼版本,但是這里我們只下載預編譯Bootstrap版本即可,對於想要深入了解的可以自己下載源碼版本,在以后要學習的過程中我們也是以預編譯版本為主,除非有特殊說明。

【2】目錄結構(說明在CDN加速服務中有提到)

在這里結構中我們發現2個問題

1、css文件和js文件里面都有提供min版本,也就是說bootstrap.css文件壓縮后叫bootstrap.min.css,其他的都是一樣的,使用的時候看你們的個人喜好,當然我推薦用min版。

2、不是說Bootstrap所有 JavaScript 插件都依賴 jQuery的嗎,怎么這個結構中沒有啊?

對於這個問題我們只要在官網文檔中看下就知道了

Bootstrap依賴jQuery

請注意,所有 JavaScript 插件都依賴 jQuery,因此jQuery必須在Bootstrap之前引入, 就像在 基礎模版中所展示的一樣。bower.json文件 中列出了Bootstrap所支持的jQuery版本。

我們點擊其中的在 bower.json文件鏈接,就會跳轉到https://github.com/twbs/bootstrap/blob/v3.2.0/bower.json

從這里我們就可以看到Bootstrap-v3.2.0版本使用的JQuery版本要大於1.9.0版,至於下載JQuery,自己百度或是谷歌吧,如果你懶的話就用我最上面貼出來的CDN加速服務中的JQuery地址吧。


免責聲明!

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



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