首页 > 代码库 > 响应式布局及bootstrap

响应式布局及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前缀)

嵌套列
列排序(占位的方式可以做到)

响应式布局及bootstrap