It may be a 'bloated framework' but it works and I've spent enough time on CSS already.
It may be a 'bloated framework' but it works and I've spent enough time on CSS already.
Cleaning up my code last week I decided to remove it from my source folder to see what would happen. Gulp did its thing, I hit refresh and my app looked exactly the same.
The CSS I added on top of Bootstrap removed the need for 160ish kb of styling rules and gave me full control of the look of my app. No more "col-sm-6 col-md-5 col-md-offset-2 col-lg-6 col-lg-offset-0" nonsense and no more wrestling with the framework.
A day learning CSS basics, Flexbox, Psuedo-elements and best practice brings big returns. And more importantly, gives you design control over whatever you're building which makes prototyping super easy.
In general, I have been happy with making a little style file that grew up to 300 (I think) lines or so over that last almost a year. This approach (not using a mystery CSS file) also paid off when we had to make a custom page with alternate styling for embedding within another app.
Now if only CSS selectors were as full featured as XPath :-)
I hope that time wasn't spent customizing Bootstrap to your liking and requirements - you could have worked on your very own and much more lightweight set of common CSS rules instead.
I'm sorry but how anyone, who is at least moderately experienced in web design, could use massive CSS frameworks like Bootstrap or Foundation for anything but quick previews and basic demo apps is beyond me.