Jozsef Naghi
Jozsef Naghi

Reputation: 1095

Bootstrap css errors in the console

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

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.

Upvotes: 5

Views: 3236

Answers (2)

Adnan Haque
Adnan Haque

Reputation: 184

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.

Upvotes: 1

Sandeeproop
Sandeeproop

Reputation: 1776

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.

Upvotes: 4

Related Questions