ASP.Net Web Forms Bootstrap CSS Being Overwritten By User Agent Stylesheet CSS

See more:

ASP.NET

CSS

bootstrap

I've developed a small ASP.Net Web Forms responsive website using Bootstrap. Running it on the development server works OK. But after publishing it to the hosting server, the CSS is not being rendered correctly in all instances.

The problem is with the following DIV and losing its padding

<div class="container-fluid"> 

When using Inspect Element in Google chrome, the CSS from the dev server is and it clearly states its from BootstrapCSS:

.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}

Doing the same on the hosted server gives the following and states its a User Agent Stylesheet.

div {
display: block;
}

Any suggestions what the problem may be ?

Cheers.

John