General Questions/New to Joomla! 5.x • Re: Setting a cassiopeia Bottom-A card as full width

... - this is confusing to me because I see throughout the css of the default cassiopea things like - <div class="site-grid"> and <div class="grid-child...etc. so I just assumed that was the bootstrap grid system

Hi @gbensonii.

These classes do not indicate Bootstrap and have nothing to do with it. And these are not service classes of some framework.

If it were Bootstrap, you would see something like this.Cassiopea uses FlexBox CSS (in your case of bottom-a position) and CSS Grid (for main layout). CSS Grid is much more flexible than Bootstrap grid and exceeds the capabilities of Bootstrap Grid System by an order of magnitude.

You should study this technology
https://www.w3schools.com/css/css_grid.asp
https://youtu.be/rg7Fvvl3taU?si=Q_my5X3nH5jdN-MR

You should also study Bootstrap in the original, but not through apps like Bootstrap Studio. So that you can determine the code belonging to Bootstrap by service classes. And use them if necessary.
https://getbootstrap.com/docs/5.0/layout/grid/

Statistics: Posted by Pavel-ww — Fri Feb 16, 2024 8:07 am

---