Learning the basics of Bootstrap 3

I started using Bootstrap by diving in head first. Bootstrap has been a part of the Strips WordPress theme that I’m developing since day one.

I think that learning by doing was a good approach for me, but since I never really studied Bootstrap from the beginning, I have sometimes run into walls that I wasn’t sure how to overcome.

Bootstrap, by the way, is a front-end framework for website design created by Mark Otto and Jacob Thornton at Twitter.

The primary reason I wanted to use Bootstrap in my WordPress theme was that it offers a tried and tested responsive grid, meaning that it can change how a site is displayed depending on a device’s screen size. On your laptop, a Bootstrap-powered site takes advantage of the big screen; on your iPhone it optimizes size and layout for easy viewing on the smaller screen.

Since I do run into the aforementioned walls occasionally, I got a book that walks through the basics of Bootstrap. Now that I’ve been actively working with Bootstrap for a few months, the step-by-step approach to learning the basics is filling in some holes in knowledge quite nicely. There have been a lot of “Ah-ha!” moments over the last couple of days.

The results of what I’m learning are here.

The book I’m using is called Step by Step Bootstrap 3: A Quick Guide to Responsive Web Development Using Bootstrap 3 by Riwanto Megosinarso. I got it on an old school Kindle and can vouch that it is well formatted for E-Ink Kindles and iPads.

If you are interested in the basics of working with Bootstrap I would recommend this book. It is well-written and thoughtful in its approach to how it teaches the basics.

And again, it’s also well-formatted. This is a big deal since some other programming and coding books leave the format to chance when selling on Kindle. I’ve gotten a few books which were much harder to read due to lack of formatting, and one that was an absolute useless mess. Step by Step Bootstrap 3, however, is well done in this regard.

The book also offers downloads of all code discussed within. As far as I can tell, the only way to download these files is via the download links in each chapter. That poses a bit of a problem in terms of access: what if you are reading on an E-Ink Kindle or iPad, neither of which let you download zip files?

For me, the workaround was to access the book on the Kindle for Mac app and download from there. This worked without a problem.

I noticed a few errors and omissions in the book. I wish I had written them down as I was reading to share with you here, but I didn’t find any of those issues to be insurmountable. I don’t think anyone will have much trouble figuring them out. If you do get stumped, refer to the downloadable code file for the chapter you are working on. Those files were correct in every instance I looked at them.

Learning the basics of Bootstrap 3
Share this