Template

3-column Theme + Layout for Bootstrap 3.

New Stories

Bootstrap 3 is Here.

In simple terms, a responsive web design figures out what resolution of device it's being served on. Flexible grids then size correctly to fit the screen.

Read our migration guide for help with upgrading to Bootstrap 3.


Top Members

John Chapman
Max Axleton
Devin Skelly
Katie Kowalski
Amet Deberge

Modal
Examples using the Bootstrap modal.
87
Carousel
How to use the Bootstrap slider.
322
Typography
See the various textual elements and options.
44
@Media
Use @media queries to get the layout you want.
119
Top Stories

2013. The Year of Responsive Design.

2013 is marked as the year of Responsive Web Design (RWD). The Web is filled with big brands, galleries and magical examples that media queries demonstrate the glory of responsive design.

Aug 15 / John Pierce

Web design has come a long way since 1999.


Aug 15 / Wilson Traiker

The "flat" look was a big trend this year.


"Mobile first" and "unobtrusive JavaScript" (AKA: "progressive enhancement") are strategies for when a new site design is being considered. These are related concepts that predated RWD: browsers of basic mobile phones do not understand JavaScript or media queries, so the recommended practice is to create a basic web site then enhance it for smart phones and PCs