首页 > 代码库 > 响应式布局及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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。