Difference between revisions of "Bootstrap Grid"
From Phoenix Cart User Guide
PeterRobert (talk | contribs) |
PeterRobert (talk | contribs) |
||
| Line 14: | Line 14: | ||
[[Image:Bootstrap Breakpoints.png|800px]] | [[Image:Bootstrap Breakpoints.png|800px]] | ||
| + | |||
| + | Here is a container with 3 rows. | ||
[[Image:Bootstrap Grid.png|800px]] | [[Image:Bootstrap Grid.png|800px]] | ||
| + | The top row has 2 elements. | ||
| + | The first has the class, '''col-md-8''' | ||
<hr> | <hr> | ||
{{Contribute}} | {{Contribute}} | ||
Revision as of 13:53, 31 March 2024
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.
Here is a container with 3 rows.
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.
All other content is the reserved Intellectual Property and Copyright of phoenixcart.org
