where is the best place to override the bootstrap classes?

Question

where is the best place to override the bootstrap classes like btn or btn-primary so the new changes can apply in all the places ?

Cybrosys Techno Solutions Pvt.Ltd · Answer

Hi,

To override Bootstrap classes and apply your custom styles, create a custom CSS file in your custom module. For example:

/* custom_bootstrap.css */
.btn {
/* Add your custom styles for btn */
background-color: #CD5C5C;
border-color: #C0C0C0;
color: white;
}

.btn-primary {
/* Add your custom styles for btn-primary */
background-color: #999999;
border-color: #C0C0C0;
color: white;
}

Don't forget to include the CSS file in the manifest file of your custom module:
'assets': {
'web.assets_fro