"I've tried other frameworks, but I always end up using Bootstrap."
Since Bootstrap was first released way back in 2010, it has grown-up to become the most popular frontend framework worldwide. As popular as it is, Bootstrap is also widely criticized by some in the Web development community.
- Bootstrap is visual tedium. "Everything looks like a Bootstrap site"
- Bootstrap CSS and JS is bloated, and slows down your site.
Fact is, Bootstrap isn't So Bad After All
It's fairly easy to make Bootstrap not look like a Bootstrap. They're are plenty of examples out there to inspire you at places like BootstrapZero, Bootstrap Expo and BootSwatch . As far as "bloat" goes, did you know that there are many other factors that effect site performance? Bootstrap is not at the top of this list.
It has been my personal experience that there are many things you can do with Bootstrap that you can't do simply with other frontend frameworks. Here are few examples:
Example 1: Toggle Visibility
I use Bootstrap's
collapse component a lot. It enable me to show/hide any element using another toggle element like a button or link. Just specify the
data-toggle=collapse and your done.
Example 2: Horizontal Navbar & Sub Nav
Bootstrap makes it possible to create a simple nav, subnav pair using a few basic CSS customizations. But you won't find this as easy in other frameworks.
Bootstrap Has Some Unique Capabilities
The Grid is Powerful
The Bootstrap's grid supports 4 breakpoints (
lg), column ordering, offsets and nesting. The grid is super flexible, which makes it possible to achieve many different responsive layouts.
Try different responsive viewports for these layouts on Codeply:
After trying other repsonsive frameworks, I always find myself going back to Bootstrap. It's no surprise that Bootstrap is the most popular frontend framework. Despite it's criticisms, Bootstrap is really an amazing framework. Bootstrap has made "mobile-first" responsive design easier to grasp. It enables frontend developers to get started quickly with Bootstrap's many patterns, tools and components. It also helps to ensure consistency of design. Bootstrap is well tested, and has matured into a stable codebase. That means less testing than a home-grown solution.
Share your thoughts on Bootstrap.