首页 > 其他 > 详细

响应式布局及bootstrap

时间:2016-10-07 20:18:05      阅读:199      评论:0      收藏:0      [点我收藏+]

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

原文:http://www.cnblogs.com/duanfuying/p/5936532.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!