bootstrap 兼容ie

         帮老师做论坛的时候,因为没有美工所以用了bootstrap。开始用了bootstrap v3的版本,结果在ie6、7、8上页面整个飞了,什么效果都没有不说,整个排版都没法显示出来。。真是天杀的ie。。无奈用了bootstrap的bsie来兼容ie。不过这个插件目前还不支持v3版本(可能是我没找到)。。只能把v3降成v2版本,然后下载bsie,才解决了兼容问题。

         bootstrapv3与v2的差别大概如下:

Bootstrap 2.xBootstrap 3.0
.container-fluid.container
.row-fluid.row
.span*.col-md-*
.offset*.col-md-offset-*
.brand.navbar-brand
.nav-collapse.navbar-collapse
.nav-toggle.navbar-toggle
.btn-navbar.navbar-btn
.hero-unit.jumbotron
.icon-*.glyphicon .glyphicon-*
.btn.btn .btn-default
.btn-mini.btn-xs
.btn-small.btn-sm
.btn-large.btn-lg
.visible-phone.visible-sm
.visible-tablet.visible-md
.visible-desktop.visible-lg
.hidden-phone.hidden-sm
.hidden-tablet.hidden-md
.hidden-desktop.hidden-lg
.input-small.input-sm
.input-large.input-lg
.checkbox.inline .radio.inline.checkbox-inline .radio-inline
.input-prepend .input-append.input-group
.add-on.input-group-addon
.thumbnail.img-thumbnail
ul.unstyled.list-unstyled
ul.inline.list-inline

bootstrap 3.0版新增的类

ElementDescription
Panels.panel .panel-default .panel-body .panel-title .panel-heading .panel-footer .panel-collapse
List groups.list-group .list-group-item .list-group-item-text .list-group-item-heading
Glyphicons.glyphicon
Jumbotron.jumbotron
Tiny grid (<768 px).col-xs-*
Small grid (>768 px).col-sm-*
Medium grid (>992 px).col-md-*
Large grid (>1200 px).col-lg-*
Offsets.col-sm-offset-* .col-md-offset-* .col-lg-offset-*
Push.col-sm-push-* .col-md-push-* .col-lg-push-*
Pull.col-sm-pull-* .col-md-pull-* .col-lg-pull-*
Input groups.input-group .input-group-addon .input-group-btn
Form controls.form-control .form-group
Button group sizes.btn-group-xs .btn-group-sm .btn-group-lg
Navbar text.navbar-text
Navbar header.navbar-header
Justified tabs / pills.nav-justified
Responsive images.img-responsive
Contextual table rows.success .danger .warning .active
Contextual panels.panel-success .panel-danger .panel-warning .panel-info
Modal.modal-dialog .modal-content
Thumbnail image.img-thumbnail
Well sizes.well-sm .well-lg
Alert links.alert-link

bootstrap 3.0版删除的类

ElementRemoved from 2.x3.0 Equivalent
Form actions.form-actionsN/A
Search form.form-searchN/A
Fluid container.container-fluid.container (no more fixed grid)
Fluid row.row-fluid.row (no more fixed grid)
Navbar inner.navbar-innerN/A
Dropdown submenu.dropdown-submenuN/A
Tab alignments.tabs-left .tabs-right .tabs-belowN/A

bsie的用法官网里就有

http://www.bootcss.com/p/bsie/

链接在这


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值