Book Image

Bootstrap Site Blueprints

Book Image

Bootstrap Site Blueprints

Overview of this book

Table of Contents (16 chapters)
Bootstrap Site Blueprints
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

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,...