Need help with bootstrap-ie8?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

coliff
279 Stars 51 Forks MIT License 404 Commits 9 Opened issues

Description

Bootstrap 4 for IE8 and IE9

Services available

!
?

Need anything else?

Contributors list

# 417
Algolia
CSS
Bootstr...
html5
275 commits
# 105,436
bootstr...
HTML
Bootstr...
PHP
61 commits
# 691,356
bootstr...
HTML
Bootstr...
CSS
1 commit
# 84,995
HTML
Bootstr...
CSS
Redux
1 commit
# 211,325
Bootstr...
C
web-ana...
nginx
1 commit

LICENSE NPM Downloads github-stars-image code style: prettier

Bootstrap 4 for IE8 and IE9

Bootstrap 4 drops support for Internet Explorer 8 and 9, but you can add it back by simply adding a conditional statement targeting IE 8 and 9 with a CSS file and a CDN-hosted JavaScript file to polyfill HTML5 element support.

Quick start

Several quick start options are available:

  • Download the latest release
  • Clone the repo
    git clone https://github.com/coliff/bootstrap-ie8.git
  • Install with npm
    npm install bootstrap-ie8
  • Install with yarn
    yarn add bootstrap-ie8
  • Install with Composer
    composer require coliff/bootstrap-ie8:4.3.1

Usage

  1. Add

     to the top of the  of your page
  2. Add the following conditional statements to the

     of your page but after the Bootstrap 4 CSS:

Optional JavaScript Fix

To fix the dropdown menus and modals you can add the following to the footer:

  
  



This will load jQuery, PopperJS and Bootstrap as normal on all browsers other than IE8. IE9 will load the

bootstrap-ie9.js
script. IE8 will load the latest compatible version of jQuery, the unminified Bootstrap JS (the minified version causes an error) and the
bootstrap-ie8.js
fix.

FAQS

Q. What does this fix/polyfill?

A. Internet Explorer 9 doesn't support flexbox so there is a float-based layout fallback and a couple of other minor fixes. Internet Explorer 8 doesn't support rem units so all units are specified in pixels. Media Queries are also not supported so IE8 has a fixed-width layout (min-width 998px).

Q. Is the CSS hosted on a CDN?

A. Yes, thanks to JSDelivr minified versions are available with the direct links:

  • https://cdn.jsdelivr.net/gh/coliff/bootstrap-ie8/css/bootstrap-ie8.min.css

  • https://cdn.jsdelivr.net/gh/coliff/bootstrap-ie8/css/bootstrap-ie9.min.css

Q. Will you provide LESS/SASS files?

A. Maybe in a future release I'll provide SASS file (with comments).

Q. Do I need the RespondJS polyfill for IE8 like Bootstrap 3 uses?

A. No. Instead the CSS is set to be fixed-width which makes things a lot easier. You don't need to change your HTML markup, the CSS will take care of it as the (min-width:992px) media queries are all set.

Q. Where can I see a demo?

A. Right here: http://coliff.github.io/bootstrap-ie8/test.htm

Known Issues

Thanks

BrowserStack Logo

Thanks to BrowserStack for providing the infrastructure that allows us to test in real browsers

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.