响应式布局及bootstrap

bootstrap：移动端有限。没有ID选择器，就算有也是 通过class名称来的
容器 container ，row要放在容器container中，且一个网页只允许有一个container

禁止响应式布局：1，写一个宽度；2，去掉<meta·······>
.col-xs:禁用超小模式

所有JavaScript插件都依赖于jQuery

基本模板【移动端上写代码，都要写mate viewport】

定制Bootstrap

js放在body结束标签之前

HTML5文档类型<htmmml lang="ZH-CN">支持html5

写BOOTstrap中，支持IE写7个步骤，不支持IE5个步骤

不允许缩放，通过viewport meta标签添加user-scalable=no就可以禁止缩放

响应式图片：max-width：100%，满屏

<760px适用于手机端 .cols-xs-
>=768px适用于平板 最大宽度759 .col-sm-
>=992px中等屏幕桌面 最大宽度970 .col-md-
>=1200超大屏幕 最大宽度1170 .col-lg-（css前缀）

嵌套列
列排序（占位的方式可以做到）

转载于:https://www.cnblogs.com/duanfuying/p/5936532.html