Chapter 10. Bootstrapping 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 such as 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 medium, large and ...

Get Complete Bootstrap: Responsive Web Development with Bootstrap 4 now with O’Reilly online learning.

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