【3】Bootstrap的下载和目录结构
2014-05-02 15:13
197 查看
【1】下载
去中方官网下载http://www.bootcss.com/
如果你是做网页练习,你可以使用CDN加速服务,免去下载等痛苦,当然你使用的时候必须有连接上网络。中方的官网也提供了很多种类的CDN加速服务,我这里就直接贴上官网自己的CDN加速服务吧。
由于Bootstrap提供了预编译版本和源码版本,但是这里我们只下载预编译Bootstrap版本即可,对于想要深入了解的可以自己下载源码版本,在以后要学习的过程中我们也是以预编译版本为主,除非有特殊说明。
【2】目录结构(说明在CDN加速服务中有提到)
![](http://images.cnitblog.com/i/373150/201405/021452376116605.jpg)
在这里结构中我们发现2个问题
1、css文件和js文件里面都有提供min版本,也就是说bootstrap.css文件压缩后叫bootstrap.min.css,其他的都是一样的,使用的时候看你们的个人喜好,当然我推荐用min版。
2、不是说Bootstrap所有 JavaScript 插件都依赖 jQuery的吗,怎么这个结构中没有啊?
对于这个问题我们只要在官网文档中看下就知道了
我们点击其中的在 bower.json文件链接,就会跳转到https://github.com/twbs/bootstrap/blob/v3.2.0/bower.json
![](http://images.cnitblog.com/i/373150/201406/300934585905766.jpg)
从这里我们就可以看到Bootstrap-v3.2.0版本使用的JQuery版本要大于1.9.0版,至于下载JQuery,自己百度或是谷歌吧,如果你懒的话就用我最上面贴出来的CDN加速服务中的JQuery地址吧。
去中方官网下载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加速服务中有提到)
![](http://images.cnitblog.com/i/373150/201405/021452376116605.jpg)
在这里结构中我们发现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
![](http://images.cnitblog.com/i/373150/201406/300934585905766.jpg)
从这里我们就可以看到Bootstrap-v3.2.0版本使用的JQuery版本要大于1.9.0版,至于下载JQuery,自己百度或是谷歌吧,如果你懒的话就用我最上面贴出来的CDN加速服务中的JQuery地址吧。
相关文章推荐
- zend framework的Bootstrap.php 可以任意配置文件目录结构
- hadoop下载包目录结构
- iOS ftp下载远程文件夹内容(文件夹目录结构不变)
- Maven下载、配置、目录结构、代理、本地仓库、中央仓库、远程仓库、镜像
- Bootstrap的目录结构
- 【物联网】OpenWrt OpenWRT的源码下载及目录结构
- 使用递归方法实现,向FTP服务器上传整个目录结构、从FTP服务器下载整个目录到本地的功能
- MOOC|Coursera课程批量下载(保持资源原目录结构)
- CaptainGan------使用递归方法实现,向FTP服务器上传整个目录结构、从FTP服务器下载整个目录到本地的功能
- 【原】根据网站动态目录生成树结构,并用TreeView输出【提供源码下载,有详细注释】
- windows下,使用SVN下载代码,以及目录结构介绍
- OpenWRT的源码下载及目录结构
- [转载]Coursera课程批量下载(保持资源原目录结构)
- 利用小马下载全站程序,(php inc格式文件包括目录结构)的py代码
- 使用递归方法实现,向FTP服务器上传整个目录结构、从FTP服务器下载整个目录到本地的功能
- python ftp 按目录结构上传下载的实现代码
- 五、PHP的下载、安装、测试及目录结构
- 文件夹目录结构导出工具及下载
- 虚幻4目录文件结构