Question

When customizing third party libs i try as much as possible to not block my upgrade options by editing source files directly.

So when it came to working with Twitter’s Bootstrap web framework i wanted to “suppress” one of the css rules in the bootstrap-responsive.css file.

@media (min-width: 1200px) {…}

I have an override file but can’t seem to “suppress” the rule by declaring an empty rule?

<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/site.css" rel="stylesheet">

@media (min-width: 1200px) {}

But it doesn’t work. Anyone know how this can be done?

Answer 1

If you wanted to “suppress” those styles you’ll have to set the styles defined by Twitter Bootstrap to some other value.

@media (min-width: 1200px) 
{
    ... reset each value to some default
}