好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

bootstrap兼容ie6+_html/css_WEB-ITnose

由于项目需要,既要使用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.为了解决兼容性问题,页面中额外需要引入其他文件

          Bootstrap 2.0                                                                                            

查看更多关于bootstrap兼容ie6+_html/css_WEB-ITnose的详细内容...

  阅读:45次