Bootstrap 3 is compatible with IE 8 and bootstrapie8

Source: Internet
Author: User

Bootstrap 3 is compatible with IE 8 and bootstrapie8

The company's new project uses the Bootstrap3 framework at the front end, but it has abandoned support for IE9. However, IE8 still has many users who cannot help but take care of them. IE7 or lower, I just want to say, When is the time? Should we emancipate our minds and keep pace with the times? Can we start to raise our subordinates.

So I started to solve the problem and found the solution at http://www.ijophy.com/2014/05/bootstrap3-compatible-with-ie8.htmland checked the feasibility. I would like to express my appreciation for this.

Enter the topic.

Bootstrap is a responsive layout. You can enjoy excellent layout experience on wide screen computers, normal computers, tablets, and mobile phones. This responsive layout is achieved through the Media Query function of CSS3, and different styles are matched according to different resolutions. The IE8 browser does not support this excellent Css3 feature. Bootstrap writes in the development documentation how to use it for compatibility with IE8. The following describes how to make Bootstrap 3 compatible with the IE 8 browser. As for how to be compatible with IE6 IE7, search for bsie (bootstrap2) by detour ).

Bootstrap is definitely not as perfect as Chrome, Firefox, and IE11 in IE8. Some components do not guarantee full compatibility and require Hack. Not here. Some details have not been noticed, resulting in IE8 being unable to respond to the layout.

Respond. js (Github download)

Html5shiv: html5.js (download from Github)

1 // use the html5 document to declare 2 3 <! Doctype html> 4 

Pay attention to the following points:

1. Local debugging requires a Web Server (such as IIS, Apache, and Nginx). If you open a file locally, you cannot see the Compatibility Effect.

2. If you find that you have referenced respond. js and Bootstrap are still ineffective. Check whether your Bootstrap uses CDN files, resulting in two different domains. If yes, change them to local files.

3. This article mainly targets Bootstrap3. If you are using Bootstrap2, search for BSIE and be compatible with IE 6.

4. Bootstrap3 requires Html5 Document declaration.

The layout is as follows:

 1 <!doctype html> 2 

Okay. Let's see how it works.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.