【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地址吧。