Chapter 5. Bootstrappin' E-commerce

Having built our business home page, it's time to design our online store.

We'll build on the design from the previous chapter, adding a new page with the following elements:

  • A grid of product thumbnails, titles, and descriptions
  • A left-hand sidebar with options to filter our products by category, brand, and so on
  • Breadcrumbs and pagination to ease navigation through our inventory

Take a few moments to visit websites like Zappos ( and Amazon ( Search or browse for products and you will see product grids with features similar to what we will be creating in this chapter.

When complete, we want our products page to look like the following screenshot on small, medium, and large ...

Get Bootstrap Site Blueprints now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.