#Bootstrap 4 for IE8 and IE9 (Alpha 6)
Bootstrap 4 drops support for Internet Explorer 8 and 9, but you can add it back by simply adding this conditional CSS and a CDN-hosted JavaScript file to polyfill media query and HTML5 element support.
<!--[if IE]>
<link href="/css/bootstrap-ie8.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/g/html5shiv@3.7.3,respond@1.4.2"></script>
<![endif]-->-
Q. What about IE7?
A. This doesn't include any IE7-specific fixes, but it should make it look more presentable
-
Q. Will the CSS be hosted on a CDN?
A. Unfortunately, RespondJS (which is required to polyfill Media Query support) only works with local CSS so the Bootstrap IE8 CSS needs to be hosted locally so there is little point in having the CSS hosted on a CDN for you to hotlink to.
- Bootstrap v4 uses rem units for layout which IE8 doesn't support so we need to provide grid layout CSS in px.
- As this is only a CSS stylesheet there are problems with using Bootstrap 4's JavaScript in IE8. An easy workaround is to include a link to the Bootstrap v3 JS file (this fixes the dropdown menus) wtihin the conditional statement.
- This is not complete yet.