bootstarp02

w:what 是一个响应式的前端框架 建立1个页面就可以在三个终端适配

w:why 响应式 浏览器支持 简单易上手 移动设备优先

w：where比较适用于企业网站 博客 后台 简介前台页面 不太适合过于复杂的页面

H：how

1.下载源代码 dist（css js）

2.解压

3.引入 1个css（头部 link） 2个js（jQuery Bootstrap </body>前src）

组件：

1：两侧留白 固定容器 container

2.导航组件 navbar

3.表单组件 form

4.输入框组合 input-group

5.折叠 collapse

如何支持手机端

<meta viewport>

用户注册登陆 ：

把书籍增加进行列：

 

导航区域：