Make Bootstrap 4 Work On IE9 And IE 8

Make Bootstrap 4 Work On IE9 And IE 8
File Size: 30.5 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

This package provides CSS fixes and JavaScript polyfills to make your Bootstrap 4 based project work properly on the legacy browsers: IE 9 and IE 8.

Fixes and polyfills:

  • CSS flexbox layout.
  • CSS media queries.
  • CSS rem unit.
  • classList polyfill.

How to use it:

1. Download and insert the following CSS & JavaScript files into your Bootstrap 4 project and done.

<!--[if IE 9]>
<link href="bootstrap-ie9.min.css" rel="stylesheet">

<![endif]-->
<!--[if lte IE 8]>
<link href="bootstrap-ie8.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/g/[email protected]"></script>
<![endif]-->

<!--[if gte IE 9]><!-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<!--<![endif]-->

<!--[if IE 9]>
<script src="bootstrap-ie9.min.js"></script>
<![endif]-->

<!--[if lte IE 8]>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="bootstrap-ie8.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<![endif]-->

2. Or from a CDN.

<!--[if IE 9]>
<link href="https://cdn.jsdelivr.net/gh/coliff/bootstrap-ie8/css/bootstrap-ie9.min.css" rel="stylesheet">
<![endif]-->

<!--[if lte IE 8]>
<link href="https://cdn.jsdelivr.net/gh/coliff/bootstrap-ie8/css/bootstrap-ie8.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/g/[email protected]"></script>
<![endif]-->

<!--[if IE 9]>
<script src="https://cdn.jsdelivr.net/gh/coliff/bootstrap-ie8/js/bootstrap-ie9.min.js"></script>
<![endif]-->

<!--[if lte IE 8]>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/coliff/bootstrap-ie8/js/bootstrap-ie8.min.js"></script>
<![endif]-->

Changelog:

2019-02-19

2019-02-18

  • Updated for Bootstrap 4.3.1

This awesome jQuery plugin is developed by coliff. For more Advanced Usages, please check the demo page or visit the official website.