CODEWITHSUNDEEP
csstwitter-bootstrap
Andrew
Andrew

Reputation: 11338

Remove Bootstrap styling from controls/inputs

Bootstrap includes some (very nice) styling for HTML inputs/selects/etc. However, for the project I'm on, they already have styling for these HTML elements that they want to keep.

Is there a way for me to turn off Bootstrap styles for inputs? Perhaps with some kind of css class? Or, do I have to override them manually?

Upvotes: 0

Views: 3492

Answers (1)

rjv
rjv

Reputation: 6776

The order of inclusion of the stylesheets can help you.The inclusion of bootstrap.css followed by your own stylesheets makes elements in your stylesheet to override those in bootstrap.

For example,

<link href="/static/bootstrap/css/bootstrap.css" rel="stylesheet" media="screen">
<script src="/static/jquery.js"></script>
<script src="/static/bootstrap/js/bootstrap.min.js"></script>
<link type=text/css rel='stylesheet' href=/static/main.css><!-- custom stylesheet -->

For eg,

If the main.css contains

body
{
    background-color:red;
}

And bootstrapp.css contains 

body
{
    background-color:blue;
}

The site will be with a red background.

Upvotes: 1

Related Questions