Make Bootstrap 4 Work On IE9 And IE 8
File Size: | 31.8 KB |
---|---|
Views Total: | 2908 |
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:
2020-08-05
- Updated for Bootstrap 4.5
2019-02-19
- CSS Update
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.