How to add css style beside the bootstrap styles

Issue

I am new in css and html I added some bootstrap styles to my elements in HTML as you know when you add bootstrap style to an element, the class would be taken . so I can not add my own css style to it . is there anyway to fix this ?? is adding the ID to element the only way ? Thanks lot .

Solution

Some of the bootstrap elements have their own customization, such as changing from bg-light to bg-dark. But if you need to change something you can simply assign a new class and make the necessary changes
Example:

<button type="button" class="btn btn-primary mystyle">Primary</button>

.mystyle
{
    background-color: white;
}

If your styling doesn't apply just add !important to take priority over boostrap:

.mystyle
{
    background-color: white !important;
}

Answered By - redystum