Bootstrap Grid

From Phoenix Cart User Guide
Revision as of 13:53, 31 March 2024 by PeterRobert (talk | contribs)
Back
FAQ Tips & Tricks

CE Phoenix Cart is built on Bootstrap. Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

Bootstrap’s grid system uses a series of containers, rows, and columns to layout and align content.

Within each container, every row has twelve columns.

Each column can be made to behave differently according the size of the viewport of the device being used to view the page, that is, it is 'responsive'.

Bootstrap has six default responsive tiers or breakpoints.

Bootstrap Breakpoints.png


Here is a container with 3 rows.

Bootstrap Grid.png


The top row has 2 elements.

The first has the class, col-md-8



Phoenix Cart User Guide, like CE Phoenix Cart, is free to use but is maintained by unpaid volunteers.

Code references are licensed under a Commons Attribution-NonCommercial-ShareAlike 2.0 UK: England & Wales License.
All other content is the reserved Intellectual Property and Copyright of phoenixcart.org