how to overwrite bootstrap css when bootstrap theme is choosen?

Question

I want to overwrite some css from Bootstrap in my application. I have chosen to run the Bootstrap theme that is included with the extension library. But if I include a css and add it to my application theme (which extends="Bootstrap3_flat") the css is overwritten. How can I fix this? I assume it is the order of loading that causes the overwritten.

Have you used !important to the end of particular style? – Maniraj Murugan Apr 27 '17 at 09:19 — Maniraj Murugan, Apr 27 '17 at 09:19
no, and when I did it worked. Thank you! – Malin Apr 27 '17 at 09:34 — Malin, Apr 27 '17 at 09:34

score 0 · Answer 1 · answered Apr 27 '17 at 09:35

0

added the important css declaration as in

.btn {
    margin-left:10px !important;
}

answered Apr 27 '17 at 09:35

Malin

685
4
16

score 0 · Accepted Answer · answered Apr 27 '17 at 09:38

0

Add !important at the end of your style..

answered Apr 27 '17 at 09:38

Maniraj Murugan

7,703
16
63
106

Using !important is not the best way http://stackoverflow.com/a/27704409/171456 – Zim Apr 27 '17 at 10:37

how to overwrite bootstrap css when bootstrap theme is choosen?

2 Answers2