CODEWITHSUNDEEP
reactjsreact-bootstrap
Peter Kronenberg
Peter Kronenberg

Reputation: 1296

How can I override React Bootstrap css?

I can't figure out how I can override React Bootstrap css without using inline styles? For example, I'm rendering an Alert

enter image description here

I made some css changes, but they are not getting applied since they are lower in priority.

In this example, you can see that I'm trying to override the padding: enter image description here

I don't want to have to use inline styles And I don't think !important is the way to go. Is there a better way to do this?

Upvotes: 0

Views: 2375

Answers (1)

JS_basic_knowledge
JS_basic_knowledge

Reputation: 117

Create a new class, add the appropriate css, and assign this class instead?

Upvotes: 0

Related Questions