Main content
Here is where you put your main content.
A Holygrail Layout for Bootstrap 4
Resolved Philip Walton's Holygrail layout with Bootstrap 4 flexbox to achieve a more flexible layout template that consists of nav, main and aside parts
Benefits
- Content + sidebars are fluid and their widths are defined by Bootstrap 4's grid system.
- All columns are the same height, regardless of which column is actually the tallest.
- Footer always sits at the bottom of the page, even when content is sparse.
- With the use of
.no-gutters, content and sidebars are able to manage bleeds more effectively. - No uneven breaking of background colors.