【3】Bootstrap的下载和目录结构

时间：2023-03-08 21:41:26

【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加速服务中有提到）

【3】Bootstrap的下载和目录结构

在这里结构中我们发现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

【3】Bootstrap的下载和目录结构

从这里我们就可以看到Bootstrap-v3.2.0版本使用的JQuery版本要大于1.9.0版，至于下载JQuery，自己百度或是谷歌吧，如果你懒的话就用我最上面贴出来的CDN加速服务中的JQuery地址吧。

相关文章