Bootstrap 3 for IE7
Bootstrap 3 dropped support for Internet Explorer 7, but you can add it back by simply adding this conditional CSS.
<!--[if lt IE 8]> <link href="/css/bootstrap-ie7.css" rel="stylesheet"> <![endif]-->
- Bootstrap 3 uses the box-sizing property for layouts which is not natively supported by IE7. The polyfill 'boxsizing.htc' is required: https://github.com/Schepp/box-sizing-polyfill
Q. Do I need to make any changes to my HTML to add support for bootstrap3-ie7?
A. Nope! Just include the conditional IE7 stylesheet and you're ready to go!
Q. Does this include the new Glyphicons introduced in Bootstrap 3.3.2?
Q. What about rounded corners, box shadows and gradients for IE7. How can I get those?
A. You could use CCS3Pie for adding support for those CSS3 properties to older IE. http://css3pie.com/. If you use that you can add this to your CSS to quickly add border-radius https://gist.github.com/coliff/5618329
Q. Is the CSS available on a CDN?
A. Yes, thanks to JSDelivr: https://cdn.jsdelivr.net/gh/coliff/bootstrap-ie7/css/bootstrap-ie7.min.css, however the box sizing polyfill requires the CSS to be hosted locally so the layout will be broken if you serve the CSS from a CDN.
Q. What about Internet Explorer 6?
A. Although this CSS does not include IE6-specific fixes, it does fix the webfonts icon, so it's worthwhile using the conditional code
if lt IE 8rather than
if IE 7.
Q. What about Bootstrap 4?
A. I've created a couple of stylesheets for Internet Explorer 8 and 9 to add support for Bootstrap 4. Check it out at: https://github.com/coliff/bootstrap-ie8
- The boxsizing.htc polyfill can be a little bit buggy. Please make sure you follow the instructions for using that carefully.
- Please open a pull request If you've fixed something.