How to override styles for components on bootstrap 5 without !import in css?

Question

Bootstrap

It seems like it's bad practice to use for example , but it doesn't react differently. How to fix? width: 30%!import

Answer 1

First, see if it is possible to change the corresponding variable in the bootstrap config. If possible, change and rebuild.
If not, then find out what selector specificity is .