Bootstrap css errors in the console

Question

I downloaded the boostrap.min.css version from here. But in the console its showing me a lot of errors. Check the image:

Im using mozilla firefox up to date. It is weird that in chrome i don't have these erros. Is there a way to solve this bugs from boostrap or at least to hide it ? The first erros appears here :

background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);

But i don't know what is wrong with this.

Answer 1

The error messages you can see in console is actually warnings. In firefox debugger if you go to css dropdown in console tab, you can see warning option is checked. If you uncheck this option all these error messages will disappear.

Answer 2

Bootstrap has added vendor prefixes in css for cross browser support. Here -webkit- is for webkit engine (chrome, safari) and -o- is for opera. the -webkit-gradient rule is a bit old and was later replaced by -webkit-linear-gradient. The errors are there because, firefox does not recognize the webkit or opera prefixes. The errors can be ignored and they are to implement css3 experimental features maintaining cross browser issues.