Bootstrap初识

一.What  什么是bootstrap

  bootstrap是Twitter推出的一个用于前端开发的开源工具包，是当前最流行的前端框架（界面工作集）

 二.Why  为什么学习使用bootstrap

 1.生态圈火，不断地更新迭代

 2.提供一套美观大方的界面组件

 3.提供一套优雅的HTML+CSS编码规范

 4.让我们的Web开发更简单，更快捷

特点：灵活简洁，代码优雅，美观大方

三.Where  哪里使用bootstrap

 需要搭建网页时，只需要写HTML标签调用它的类就能快速搭建，有多种多样的样式可供选择，还不用担心浏览器的兼容问题

四.How  如何使用bootstrap

1.引入bootstrap文件（注意：引入bootstrap.js文件前，要先引入jquery文件）

<link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css" />
<script src="./lib/jquery/jquery.min.js"></script>
<script src="./lib/bootstrap/js/bootstrap.min.js"></script>

2.给需要添加样式的元素添加类名（class）

<div class="container">  </div>

3.根据实际所需要求进行调整（可利用css的层叠性去覆盖原有的bootstrap.css中的css样式）