bootstrap兼容ie6+_html/css_WEB-ITnose
程序员文章站
2022-04-08 23:47:50
...
由于项目需要,既要使用bootstrap的栅格化,也要用其中的组件,还要兼容ie6+。刚开始。我以为bootstrap只兼容ie8以上,后来调研了一番,发现bootstrap其实也可以兼容ie6+,但是需要用bt 2开头的版本。下面介绍下用法。
1.首先还是看效果(ie7为例)
1920下.png
860下.png
2.说明
- 栅格
bootstrap3中: 栅格是col-lg-* col-md-* col-sm-* col-xs-*,不同设备所占栅格数可控; bootstrap2中: 栅格是span*,同一个元素无法指定在不同设备上占不同的栅格数, 这点比较可惜(也可能是我自己没有查到相关资料,希望知道的给我留言,谢谢~);
- 字体图标也可以用,但是不是iconfont了,而是background+background-position;
- 由于IE7-8不支持border-radius,因此.img-rounded和 .img-circle无法正常使用,这个设计时就要注意了;
- 其他的大多数用法和bootstrap3都差不多,具体用的时候查官方文档就好了;
3.为了解决兼容性问题,页面中额外需要引入其他文件
我还只是临时调研了一下,还没有在实际项目中用bootstrap2,具体的问题还得以后实践了才知道。 希望已经实践过得,能把坑直接指出来给我,感激不尽!Bootstrap 2.0
如果需要额外引入的文件,省的网上到处找,可以下这个demo,里面有。狠戳这里~
上一篇: PHP header函数使用方法讲解
下一篇: css3核心知识点的小结(代码示例)
推荐阅读
-
浏览器CSS兼容问题汇总及解决_html/css_WEB-ITnose
-
兼容浏览器的div透明_html/css_WEB-ITnose
-
兼容各种浏览器的上下滚动代码_html/css_WEB-ITnose
-
Bootstrap定制(二)less基础语法_html/css_WEB-ITnose
-
CSS对话框特效 兼容性好_html/css_WEB-ITnose
-
解读bootstrap v4 sass设计_html/css_WEB-ITnose
-
浏览器兼容问题:高度显示错误_html/css_WEB-ITnose
-
有关浏览器兼容样式问题_html/css_WEB-ITnose
-
div+css布局时的浏览器兼容问题_html/css_WEB-ITnose
-
bootstrap的意义是什么_html/css_WEB-ITnose