bootstarp
前端框架
响应式布局
1.引入jquery的js文件
2.引入boostrap的js文件
3.引入bootstrap的css文件
4.设置视口(支持移动设备优先)
<meta name="viewport" content="width=device-width, initial-scale=1">
5.创建一个容器
div
class
container
container-fluid
css的媒体查询
分辨率 屏幕大小
fbl>1200px 大屏幕
1200px>fbl>992px 中等屏幕
992px>fbl>768px 小屏幕
768px>fbl 超小屏幕
栅格系统:
一行被分成12份 如果超过12份另起一行
分辨率 屏幕大小 样式
fbl>1200px 大屏幕 col-lg-n
1200px>fbl>992px 中等屏幕 col-md-n
992px>fbl>768px 小屏幕 col-sm-n
768px>fbl 超小屏幕 col-xs-n
可以隐藏元素 div
hidden-xs |sm|md |lg
只会声明自己
bootstrap的组成
全局的css样式
组件
js插件