"packages":{"Bootstrap": "https://github.com/twbs/bootstrap/releases/download/v3.3.6/bootstrap-3.3.6-dist.zip"}之后就可以直接通过sublime Text进行下载了,还是刚刚的步骤,但是这一次输入的是 fetch:package 。找到 Bootstrap ,如果下载成功在您的文件夹中应该可以看到主要包括三个文件夹 css , fonts 和 js ,如下:
可以看到除去字体文件夹外的其他文件夹中每一分文件都有两个不同的版本,一个完整版的文件,方便查看源码如: bootstrap.js 和一个用于实际生产情况的压缩文件如 bottstrap.min.js ;
在字体文件中可以看到有很多文件,但是它的功能很简单,就是是用来制作 icon图标 的文件,使用了CSS3的@font-face技术。
在实际情况中,如果你还想使用更多的图标,还可以在 Iconfont-阿里巴巴矢量图标库 ,自行查找设置。
Bootstrap标准模板
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><!-- 在IE运行最新的渲染模式 --><meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- 初始化移动浏览显示 --><meta name="viewport" content="width=device-width, initial-scale=1"><!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! --><title>Bootstrap 标准模板</title><!-- 1. 加载Bootstrap层叠样式表 --><link href="css/bootstrap.min.css" rel="stylesheet"><!-- 你自己自定义的样式文件 --><link href="css/your-style.css" rel="stylesheet"><!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询,如果不需要用可以移除 --><!--[if lt IE 9]><script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script><script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script><![endif]--></head><body><h1>hello,world</h1><!-- 2. 如果要使用Bootstrap的js插件,必须加载jquery库,且必须在bootstrap库之前 --><script src="js/jquery-min-1.11.3.js"></script><!-- 3. 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用--><script src="js/bootstrap.min.js"></script></body></html>全局样式