How can one determine which bootstrap styles need to be overridden when customizing the appearance?
Is there a trick to identifying where to set styles in order for them to take precedence over bootstrap styles?
For instance, I've been struggling for two days to achieve the desired look for form fields. The default bootstrap styling produces tall fields with rounded edges when wrapped in form-group row and form-control layers. Despite creating my own class with zero padding and margin settings and a height of 18px, nothing seems to work.
I previously had the appearance almost perfect using only HTML and CSS without any bootstrap elements. However, the lead developer insisted on utilizing bootstrap styles and tweaking as needed to match the desired aesthetic. That's certainly easier said than done.
I long for the simpler days when a designer provided the style specifications and we just implemented them without all this extra effort. Relying on a library like bootstrap for most of the solution but putting in extra effort for the remaining 20% doesn't seem like an ideal approach unless it's purely about maximizing client investment.