Bootstrap: Useful Since 2010.


"I've tried other frameworks, but I always end up using Bootstrap."

Bootstrap Framework

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.

Chief Complaints

  • 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-target and 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

Just about all of Bootstrap's 11 JavaScript components (except the Tooltip and Popover) can be activated using only data attributes. This means you don't have alot of extra JS snippets in your code to get them to work. You an also set the options for each component using data-attributes in your HTML markup.


The Grid is Powerful

The Bootstrap's grid supports 4 breakpoints (xs,sm,md and 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:
http://www.codeply.com/view/TwLVOAzx1c


Conclusion

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.