Growth Hacker

Internet marketing is my area of expertise. Past consulting clients include eBay, CafePress, DocuSign, myfab, and DeepDyve. Visit my consulting site at Market Extend.
blog
← Back to blog
The Twitter Bootstrap 3 Grid System
October 17, 2013 Jamie Shiller Twitter Bootstrap Web Development

Understanding the Twitter Bootstrap 3 grid system can be really confusing. In Bootstrap 2.3.2 there was only one kind of column. Bootstrap 3 has four column sizes. I was looking for a tutorial showing how the grid operates for different device screen sizes (mobile, tablet, desktop). The best explanation I found is from easydevtuts on YouTube. The color coded examples of rows and columns make it really easy to see how the grid works.

For reference here are the notes taken over the course of the five videos on the Bootstrap 3 grid.

Bootstrap Grid Notes

View comments →