前端框架--bootstrap开始

今天学习前端Bootstrap，其实很久以前就看过，但没怎么用。总觉得只是定义一个类用人家封装好的东西，自己再在它的基础之上进行样式的修改，没有什么需要去学的。

但等到前段时间要写页面了，既然是自适应，自己当然想先拿bootstrap来写，省时省力，却发现很多地方有点不知如何下手。索性重新好好地看一遍，写的详细些，原谅我小白，也是写给小白同志们的。

从加载开始。。以前看sublime快捷键那么多，真的自己使用的也就那几个。今天看视频才解锁了多个本来就应该掌握的东西。

   1.在Bootstrap官网下载Bootstrap。 里面有压缩和未压缩的js css fonts。

     2.在sublime中将网页保存在上述同一文件夹中。Ctrl+s保存成.html格式， ‘！+ tab ’打开html基本元素。

     3.加载已下载的js：‘script：src + tab’打开js引入的基本格式，绝对路径把刚刚下载的css文件写入。

     4.在引入的js之前，从Bootstrap官网将jQuery保存进js文件夹中，在引入的js之前将其引入。

在看视频的时候发现很奇怪，明明设置的button用bootatrap的类有css样式。为什么写的p标签没有？也就是明明引入了css文件，一部分有样式一部分没有。如果全部都没有样式那么一定是没有加载进来。本来想着太简单了网页效果不出来自己也知道，但还是觉得总得知道为什么。最后发现！！！因为下载的css里有一个bootstrap.min.css和bootstrap-theme.min.css。sublime在我导入时自动下面提示了几个，我手快按成了bootstrap-theme.min.css。查了一下，这个是对组建按钮的样式进行自定义。

以后还是要细心，当然，再小的问题自己都应该知道是为什么，不然以后越学越糊涂。

最后刚刚查了一下css里的几个文件分别是什么意思。附上一个链接，解释了  bootstrap-theme.css和 bootstrap.css的区别