Bootstrap: Useful Since 2010.

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.

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.

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.