bootstrap学习笔记

bootstrap号称是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目，而且适用于全部的开发者、全部的项目，全部的设备都可适配。无论他是真是假，鉴于目前的火爆程度，咱们都有必要了解一下。

bootstrap的样式文件包含了不少的类，若是要所有记住是不现实的。个人建议是记住主要的便可，很是详尽的能够边用边查。根据个人使用对bootstrap进行4大部分的划分：全局样式、组件、插件和定制。其中全局样式和组件主要是针对css来讲明的；插件是带有交互效果的样式和js代码的组合；定制是根据须要来获取文件的。

大体结构以下图：

全局样式

顾名思义，这些样式会影响全局的设定，好比：字体大小、左右浮动、字体图标、栅格系统。。。其中栅格系统是很重要的模块，只有理解了栅格系统的原理，才能自如的进行页面布局，这里须要仔细理解官方的对比图：

组件

组件就是提早将一些经常使用的页面元素进行封装，以方便进行高复用。bootstrap的组件主要包括：表格、表单、按钮、图片。基本囊括了页面布局和交互中的全部元素。因为涉及元素较多，样式类也至关多，所以须要掌握下图中的关键类：

插件

插件这里不过多介绍，由于不须要死记硬背，须要的时候查一下官方文档便可

定制

若是你对bootstrap不是很熟悉，而且不介意文件大一点，能够先不关注这一块。若是须要使用最小体积的支持文件，能够查询官方文档根据指引进行自定义。