BootStrap---day01

学习新东西的步骤就是要实现3w1h，就是what\why\where\how

是什么？为什么使用它？在那里使用它？怎样使用他？

一、BootStrap介绍

1、bootstrap是什么？

• bootstrap是当下最时兴的前端框架（也可以说是 界面工具集）
• 具有移动端优先的设计理念
• 特点就是灵活简洁，代码优雅，美观大方
• 其目的是为了让web开发更敏捷

2、为什么使用bootstrap？

• 生态圈火，不断迭代更新
• 有一套美观大方的界面组件
• 让我们的web开发更简洁，刚快捷

3、bootstrap版本

目前应用最广泛的还是3.x.x版本和4.x.x版本

4、bootstrap准备

（1）可以在bootstrap中文网下载相关的压缩包

（2）也可以选择不下载压缩包，而是直接引入网络连接

css链接  http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css

jQuery链接  http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js

js链接  http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js

5、bootstrap文档

官方文档、中文文档

二、bootstrap的使用

1、网格系统（栅格系统）

行的类名是：row（一般使用网格系统时，要用