Designers don't need to code but definitely should know how to code static websites. As I started to code websites I always wanted to do it as fast and as clean as possible.

First I wrote a bunch of code that was messy and my styles were too long and heavy for the size of the product. When mobile devices came in the game it was hard to maintain that amount of code and make it short and light. All those Media Queries demanded the extra amount of code. My next step was to create some code draft that I will use besides CSS Reset. I created some kind of the personal framework that I used to speed up my process and to keep the code as clean as possible. And everything worked great. Except that my framework also needed maintenance as technology continued to grow.

Then I met Bootstrap. Then I met other frameworks, but I continued to work with my first love. Bootstrap is free and easy to use. And if we are to believe statistics it is the most popular HTML, CSS, and JavaScript framework. And for developing responsive, mobile-first web sites it is a big time-saver. So I would like to share with you what I love about Bootstrap. It's only my opinion so feel free too share your own below.

1. Easy to use

The most important—it's easy to use. That doesn't mean that your neighbour little kid can do it. That mean if you do some CSS you'll definitely have a wind in your back with this one. Anybody with just basic knowledge of HTML and CSS can start using Bootstrap. Bootstrap's documentation is awesome. Everything you need to know is inside the official documentation, including working examples.

2. Grid system

It's built on 12-column responsive grid. You can use every column individually or group them to create wider columns. You only have a limit for the largest number of columns in a row—12. Depending on the screen size those columns will re-arrange to fit perfectly. There are predefined breakpoints for the screen sizes (large, medium, small and extra small). Although I use some extra break points for small and large screens. It's just because I want the give my users the best experience—extra satisfaction. Hey, nobody is perfect neither do I.

3. Predefined styles and components

Time is money and Bootstrap sure knows that. That's why you have base styling for fundamental HTML elements. So even Back-end Developers can create usable user interface for short amount of time. Also there are many styled components. Components like drop down menus, sliders, pop-up's, navigation bars, collapsible items and many more. I prefer to use customized Bootstrap—grid only so to be in charge for all that styles. But little help never hurt!

4. Up to date

Probably the main reason why I use it it's because updates are coming out on a constant basis. If you find some problem with Bootstrap their team fix it immediately. So no need to worry about compatibility.

5. Consistency

A world where Designers and Developers can work on the same project. And still have some common knowledge of it so they can communicate in an easy way.

Same thing is on the browsers. Because the framework is so uniform, you don't need to worry about browsers compatibility. You'll get the same results on any major browser.

Ain't that a thing?!

I'm not trying to persuade you nor sell you something. You can try some other framework or even build your own (please do it, I always looking forward to novelties). Anything that can speed-up your workflow is awesome and this thingy does it pretty good. So create some good stuff and please share that good stuff—that's the key to the whole thing.