Summary

In this chapter, we have done the following:

• Employed Bootstrap styles to quickly set up breadcrumbs, a page title, and pagination customized according to our needs

• Adjusted Bootstrap grid styles to create a visually pleasing grid of product items, all of the same height so as to ensure a regular grid

• Styled a complex Clearance Sale button with @brand-feature red background color

• Used the styles from the btn class to make our filter options more easily clickable, while customizing the styles to suit our needs

• Used Bootstrap column classes with responsive adjustments to arrange our options list items optimally for multiple viewport widths

• Used Font Awesome styles in the context of our own custom stylesheet in order to add checkboxes beside our filter options

• Set our options panel to collapse for viewers with narrow viewports, while remaining visible for small viewports and larger ones

Congratulations! We now have an attractive business website with a well-crafted e-commerce section.

Next,...