Bootstrap-课堂笔记

一、概述
(一)简介
(二)响应式
二、栅格布局
栅格布局是综合了table表格布局和div+css布局的优点而形成的新的布局方式。table表格布局简单易用，但是显示效率低；而div+css显示效率高但是应用非常困难。bootstrap综合了table布局的简单易用和div+css布局的高效形成的栅格布局。
栅格布局的本质是div+css，但是应用上接近于表格。
(一)容器（类似于table标签）
1．container
容器宽度随设备类型而改变。
lg: 1170px
md: 970px
sm: 750px
xs: 100%
2．container-fluid
容器宽度始终是100%
(二)行row
一行分为12份
(三)单元格col--
第一个*：设备类型
第二个*：单元格占几份
(四)补充：
1．hidden-*
某种设备类型时隐藏，其它情况显示
2．visible-*
某种设备类型显示，其它情况隐藏
三、常用样式、组件和插件