Overriding Bootstrap CSS in Javascript

Question

How do you override a BootStrap CSS file? I have created another file called site.css and linked it to the index.html file; however, this still does not allow me to override. Is this not a correct action?

Possible duplicate of Custom css overridden by Bootstrap in browser — vanburen
– vanburen, Commented Jul 28, 2016 at 3:04
Is it linked below the Bootstrap one? Please show that. Also show what style you want to override and how you are trying to, and the current result. Tag me... — user5306470
– user5306470, Commented Jul 28, 2016 at 3:40

Santosh Khalse · Accepted Answer · 2016-07-28 06:05:11Z

0

If you want to override the bootstrap CSS so you can try this trick. put your bootstrap css and site.css in head section like below example

<link rel="stylesheet" type="text/css" href="bootstrap.css">
<link rel="stylesheet" type="text/css" href="site.css">

now site.css will be override to bootstrap.css :)

answered Jul 28, 2016 at 6:05

Santosh Khalse

12.9k3 gold badges38 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ralcazar · Accepted Answer · 2016-07-28 04:04:18Z

0

Proper way to override bootstrap is to create your own style class.

<div class="bootstrapclass yourownoverrideclass"></div>

in your css

.bootstrapclass.yourownoverrideclass {
    margin: 5px; //override content
}

answered Jul 28, 2016 at 4:04

ralcazar

6675 silver badges14 bronze badges

Collectives™ on Stack Overflow

Overriding Bootstrap CSS in Javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related