Replace Background in Twitter Bootstrap Navbar for Ie

Replace background in Twitter Bootstrap navbar for IE

You need to add this:

filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

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....

How can I override Twitter Bootstrap dropdown hover in IE

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: red;
  background-color: white;
  background-image: none;
  filter: none;
}

Twitter-Bootstrap & IE grid system issues

Your DOM is not as per bootstrap you've to use something like that

<div class="wrapper">
  <div class="container">
    <div class="row>
      <div class="col-xs-12 col-sm-3 col-md-2">

And You've used display:table for your wrapper viz causing the layout issue for IE as well as in FF
Also for better results stop using your custom class along with bootstrap class otherwise it will misbehave at some points.

For e.g:

Instead of using:

<div class="col-md-6 yourClass">

you should use:

<div class="col-md-6">
  <div class="yourClass">

Bootstrap IE background color issue

This is being caused by a MS filter gradient on .navbar-inverse .navbar-inner {}

The solution is to override this with none in your own stylesheet:

div.navbar-inverse .navbar-inner {
    filter: none;
    background-color: none;
}

How to change the default-navbar background color

You can either add a new class like navbar-custom and add the class in a custom.css and in custom.css

.navbar-custom { background-color: red !important; }

and in your markup write

<nav class="navbar navbar-custom">

or you can do

<nav class="navbar-default" style="background-color: red">

for example and replace red with whatever color you like

---

Related Topics