Question

I’m creating a site using the Twitter Bootstrap, but I’ve discovered that the media queries don’t work on anything below IE9 (unfortunately my target browser). This deeming the whole reason I’m using the bootstrap (for the responsive scaling grid) pretty useless.

I was considering the implementation of Andy Clarke’s 320 and up responsive boilerplate within the bootstrap for the general better overall support on the IE side of things. (Or similar boilerplates)

Has anyone come across any examples of this being done online or on Github? (without the likes of SASS, HAML etc or being specifically created for a CMS). I have an idea of how I’m going to do it, but I’m not sure if it’s a waste of time and I’d like to see if both tools can be pulled together successfully.

Answer 1

@fitzilla… I couldn’t figure out how to add an additional comments, so I hope you find this.
I just checked my website in both IE7 & IE8 mode and both work. Do a view source on the initial page – you will see an additional hack for IE7 & IE8…

<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Then check your includes against mine and see if they match. I believe the bootstrap-responsive has to be after the regular bootstrap css file.