Strap - Page Layout
Table of Contents
About
ComboStrap supports actually, three page layouts:
List
Holy
The default layout is a fully responsive layout (known also as the holy grail) with:
- and three columns:
- main slot (ie content) (main header and footer slot)
They are all contained in a page that is:
- centered
- with a width adjusted by screen size (by breakpoint)
The main content width expands to the width of the page if the sidebars are not present.
Median
If there is no sidebars, the median layout centers the main content with a fix width, making the length of a line shorter and therefore more readable.
Landing
In a landing page layout, the main content is not contained.
You can then create section of page with the slide component where the background will take the whole width of the page.
Then in your slide component, you can still center the content by adding a container.
<slide size="lg">
<background color="light"></background>
<container>
... Your content
</container>
</slide>
How to set the page layout ?
You can set the page layout via the metadata manager.