Bootstrap 4 drops support for Internet Explorer 8 and 9. Worldwide usage stats of both browsers are miniscule now (IE8 is at 0.27% and IE9 at 0.16% based on StatCounter GlobalStats for December, 2017), but still there maybe times when you need to support these older browsers.
I’ve created a CSS-only polyfill solution which can be loaded via conditional statements as follows:
<!--[if IE]> <link href="https://cdn.jsdelivr.net/gh/coliff/bootstrap-ie8/css/bootstrap-ie9.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/g/[email protected]"></script> <![endif]--> <!--[if lt IE 9]> <link href="https://cdn.jsdelivr.net/gh/coliff/bootstrap-ie8/css/bootstrap-ie8.min.css" rel="stylesheet"> <![endif]-->
IE9 Visitors will then get a
bootstrap-ie9.css stylesheet loading which provides a float-based layout fallback since IE9 doesn’t support Flexbox. In addition the HTML5Shiv polyfill is loaded via a CDN.
IE8 visitors will get (in addition to the above) a
bootstrap-ie8.css stylesheet which fixes many compatibility issues including all px units converted to rems and a fixed-width (1000px) layout is used.
More info on GitHub
Leave a Comment
Your email address will not be published. Required fields are marked *