Bootstrap 4 for IE8 and IE9


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="" rel="stylesheet">
   <script src="[email protected]"></script>
<!--[if lt IE 9]>
   <link href="" rel="stylesheet">

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.

Bootstrap 4 on IE8

More info on GitHub



Sait Firat NEMIS


How i can change main color blue to orange on BootStrap 4 Basic Wordpress Theme ? If you could help i will be glad. I already try to change all #007bff to #fd7e14 in .css files but nothing changed :(

Leave a Comment

Your email address will not be published. Required fields are marked *