As a newcomer to Bootstrap and currently working on my second project using this framework, I find myself struggling with overriding CSS styles. It can be time-consuming to locate the specific style that needs to be changed rather than starting from scratch. This has led me to ponder the idea of removing the default Bootstrap styles altogether.
For instance, maintaining the structure of the markup but setting values like color, background, and font to inherit, while eliminating shadows, gradients, borders, border-radius, etc., could streamline the customization process. Creating a reference guide for default values would also make it easier to identify what to modify. Ultimately, we could utilize Bootstrap's layout while injecting our personal style into the design.
I personally prefer not to directly alter the Bootstrap source code; keeping an additional CSS file for organization is more efficient. Plus, it allows for easy updates to the Bootstrap framework in the future.
On a side note, I do miss the flexibility of the blankwork grid system. Is there any possibility of incorporating this feature into Bootstrap?
What are your thoughts on this approach - do you consider it a good or bad idea?