Bootstrap概述（一）

1.国内官网

http://www.bootcss.com

2.文档结构

2.1 分为三大核心目录

2.1.1 四个有css的后缀文件，包含min字样的是压缩版本，一般使用这个；不包含的属于没有压缩的，学习了解css代码的文件；map后缀的文件是css源码映射表，在一些特定的浏览器工具中使用。

2.1.2 js压缩和未压缩的js文件

2.1.3 fonts目录包含了不同后缀的字体文件

3.HTML文件引入

3.1引入CSS

在head中使用以下形式引入

3.2 引入js

在页面加载完成后在执行，不影响页面加载，所以放在body的最后面

先引入jQuery，在引入bootstrap js

4.学习工具

4.1 开发工具：Sublime Text3，安装emmet代码生成插件

“首选项”--->"插件设置"--->“Emmet”--->“Key Bindlings-User”  输入下列代码保存

[{"keys": ["tab"], "args": {"action": "expand_abbreviation"}, "command": "run_emmet_action", "context": [{"key": "emmet_action_enabled.expand_abbreviation"}]}]

可以使用Ctrl+shift+P调出Package Control安装插件，输入install。如出现There are no packages available for installatio,可以在github上下载Package Control替换掉本地的

4.2 测试工具：Chrome--开发者工具

ps: