移动web开发———第三天

标签：网页布局   多个   开发效率   流行   区别   响应式布局   兼容   前端   and   

bootStrap
bootStrap框架----当前最流行的前端UI框架（有预制界面组件）
特点：组件简洁大方，代码规范精简，界面自定义性强
优点：
有自己的生态圈，不断的更新迭代
提供了一套简洁、直观、强悍的组件
标配准化的html+css编码规范
让开发更简单，提高了开发的效率。
3、布局容器
.container固定宽度并且支持响应式布局的容器
默认margin:55px; padding:15px;
.container-fluid类用于 100% 宽度，占据全部视口（viewport）的容器。
4、删格系统
行：row 通过自身的拉伸来填充父容器的内边距
删格参数：
超小屏幕 手机(<768px) 小屏幕 平板(≥768px) 中等屏幕(≥992px) 大屏幕 (≥1200px)
栅格系统行为 总是水平排列 开始是堆叠在一起的，当大于这些阈值时将变为水平排列C
.container最大宽度 None（自动） 750px 970px 1170px
类前缀 .col-xs- .col-sm- .col-md- .col-lg-
列数(column) 12
可嵌套 是
偏移（Offsets） .col-xs-offset-
可见、隐藏 .visible-xs- .hidden-xs

移动web开发———第三天

标签：网页布局   多个   开发效率   流行   区别   响应式布局   兼容   前端   and   

原文地址：http://blog.51cto.com/13517854/2068860