Really Loving Twitter’s Bootstrap 3


About three months ago, we decided to start exploring Bootstrap. Let me just say, that the more we used it the more we fell in love with it. We know that there a lot of people that will argue against it and say things like it is overkill and there is way too much hype around it…, but for the moment, we don’t see it that way.

Bootstrap was built on the ‘Mobile First’ concept. That is that, if you can solve all of a website’s needs for a small mobile device, then designing for the tablet and desktop should be a breeze. What I really like most was how easy it is to set up gridded layouts. I love how everything needs to be wrapped in a “container” or “container-fluid” class and from there a “row” class and finally your grid classes starting with “col-xs-#”

.col-xs-12 .col-sm-6 .col-md-8
.col-xs-6 .col-md-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4
.col-xs-6
.col-xs-6

Boostrap has a class already defined for just about everything. For example, need your images to be responsive, just use the “img-responsive” class. Want your image to have rounded corners, simply add class=”img-rounded”. Circle, no problem. class=”img-circle”

webdesign
seo

Need a button simply use the .btn-default or .btn-primary or… class.