Twitter Bootstrap - Nav Bar Issues in Internet Explorer

Twitter Bootstrap - nav bar issues in internet explorer

Turns out I was able to fix this by over-riding the default filter code generated by Bootstrap. Big thanks for Nathan and Andres! To override the code I had posted above, I added the following :

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#F8F8F8', GradientType=0)

Hope this saves some pain for somebody....

Bootstrap Nav Bar not working on ie

It doesn't help much that you don't know what version he was using... perhaps you should ask him? If it's old enough it's possible that bootstrap just doesn't support it (IE < 7).

If that's the case, just ignore it. Few companies still support older versions of IE, and those that do tend to have a specific reason.

If you're looking for a good way to deal with old browsers, perhaps you could display an option to upgrade to a newer browser, and a warning that it may not display properly in their browser.

http://gs.statcounter.com/ is a good source to get usage statistics of older browsers. From there you can decide if you really want to support them.

Finally, you can always look at analytics for your site (if you happen to have an existing one with traffic) to see if maintaining support for an older browser is worth your time.

Bootstrap navbar not visible in IE8

I believe there is an answer to your problem over here: IE8 issue with Twitter Bootstrap 3.

It appears that respond.js only works for local files. The referenced stackoverflow article mentions tring your website on IE8 with a local copy of bootstrap.css. Hope this helps.

Nav bar of a website created using Twitterbootstrap not working in Internet Explorer

In your bootstrap.css file, look for the .navbar-inverse .navbar-inner selector and delete:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);

And on .navbar-inner delete:

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);

IE8 issue with Twitter Bootstrap 3

You got your CSS from CDN (bootstrapcdn.com) respond.js only works for local files. So try your website on IE8 with a local copy of bootstrap.css. Or read: CDN/X-Domain Setup

Note See also: https://github.com/scottjehl/Respond/pull/206

Update:

Please read: http://getbootstrap.com/getting-started/#support

In addition, Internet Explorer 8 requires the use of respond.js to enable media query support.

See also: https://github.com/scottjehl/Respond

For this reason the basic template contains these lines in the head section:

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="../../assets/js/html5shiv.js"></script>
  <script src="../../assets/js/respond.min.js"></script>
<![endif]-->

---

Related Topics