bootstrap
- 特性:有一套完整的基础CSS插件,丰富的预定义样式表,一组基于jquery的js插件,一个非常灵活的栅格系统,并崇尚移动先行的思想
- 引入:css js jq 或者是官方免费的CDN来适配不同的浏览器
- 栅格系统:一行数据,包在一个container里,总共12个格子,以便为其赋予合适的对其方式和内边距,
- 伴随响应式设计思想,区分四种类型的浏览器和像素临界值(超小屏 None自动 、小屏768px、中屏992px、大屏1200px;
- .container的最大宽度,,在手机上是none,小屏750px,中屏970px,大屏是1170
- 前缀:.col-xs-;.col-sm-;.col-md-;.col-lg-;
- bootstrap要在style前加载
- col-md-4 总共占4个格子
- col-md-offset-4 偏移4个格
- 列排序col-md-9 col-md-push-3从前到后3个格///col-md-3 col-md-pull-9从后到前9个位置
- 跨设备组合