IE8 issue with Twitter Bootstrap 3

Question

I am creating a site using the new Twitter Bootstrap. The site looks fine and works in all required browsers except IE8.

In IE8 it seems to be displaying elements o

Answer 1

After verifying:

• DOCTYPE
• X-UA-Compatible meta tag
• Inclusion of html5shiv.js and respond.js (and downloading the latest versions)
• respond.js being local
• Hosting site from a web server and not from File://
• Not using @import
• ...

Still col-lg, col-md, and col-sm were not working. Finally I moved the references to bootstrap to be before the references to html5shiv.js and respond.js and it all worked.

Here is a snippet:

    
    
    

    

     
    
    

        


    

        

            
col-md-4
            
col-md-8