Difference between revisions of "Bootstrap Grid"
From Phoenix Cart User Guide
PeterRobert (talk | contribs) |
PeterRobert (talk | contribs) |
||
| Line 1: | Line 1: | ||
<div class="btn btn-grey btn-back">{{#fas:arrow-left}} Back</div> <div class="btn btn-grey btn-faq">{{#fas:question-circle}} FAQ Tips & Tricks</div> | <div class="btn btn-grey btn-back">{{#fas:arrow-left}} Back</div> <div class="btn btn-grey btn-faq">{{#fas:question-circle}} FAQ Tips & Tricks</div> | ||
<hr> | <hr> | ||
| + | |||
| + | 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. | ||
[[Image:Bootstrap Grid.png|800px]] | [[Image:Bootstrap Grid.png|800px]] | ||
| − | + | [[Image:Bootstrap Breakpoints.png|800px]] | |
<hr> | <hr> | ||
{{Contribute}} | {{Contribute}} | ||
Revision as of 13:48, 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.
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
