bootstrap的概述与入门案例
Bootstrap简介
来自Twitter，是目前最流行的前端框架
是基于HTML、CSS、Javascript的一个简洁、灵活的开源框架，便于开发人员随时上手
目前版本 V3
Bootstrap受欢迎的原因
开发简单、方便
移动先行
代码开源
代码有良好的规范
Bootstrap的使用场景
新手入门
开发环境（webstorm）
引入Bootstrap框架文件
压缩处理文件bootstrap.min.css，bootstrap.min.js
使用 Bootstrap 中文网提供的免费 CDN 加速服务
Bootstrap架构
9.2.2.栅格系统布局网页结构
栅格系统
栅格系统是通过一系列的行（row）与列（column）的组合来创建页面的布局，设置的内容就可以放在这些创建好的布局中
实现原理
通过定义容器的大小，平分为12份
调整内外边距
结合媒体查询
一行数据（row）必须包含在 .container中，以便为其赋予合适的对齐方式和内边距
栅格系统的使用
列组合
列偏移
列嵌套
列排序
响应式栅格
9.2.3.CSS全局样式
CSS全局样式又称为CSS布局
包括
基础排版（Typography）
表单（Forms）
按钮（Buttons）
图片（Images）
… … 等
基础排版
标题
页面主体
强调文本
列表
表单：内联表单、横向表单、验证提示状态、表单 控件尺寸
按钮
响应式图片和3种不同图片的形状
评论列表