I am doing my first steps with Bootstrap Twitter, and need to extend components. For example, I would like to change the navbar background, but without changing the original css file.

I tried to create a new class .test with the new background:

.test{
    background-color: red !important;
}

And I've invoked it in the hmtl as:

 <div class="navbar navbar-fixed-top test">

But, it doesn't work. How can do this?

css twitter-bootstrap components extend
Edit
Report