The 100% full-width layout stretches every section edge to edge across the viewport, giving your content the room it deserves on large displays. Built on a fluid Bootstrap grid, Canvas keeps your columns perfectly aligned while padding adapts to each breakpoint. Use this layout for immersive landing pages, expansive galleries, and dashboards where horizontal space matters. Every element remains responsive, scaling gracefully from ultra-wide monitors down to compact mobile screens with no wasted margins.
Half Width
Split your content into balanced halves that share the full width evenly. This column adapts to a single stacked row on smaller screens, keeping text readable. It is ideal for pairing a description alongside a feature list or supporting image block.
Half Width
A matching half-width column sits flush beside its partner, maintaining consistent gutters and vertical rhythm. Drop in headings, paragraphs, or media and the grid handles the spacing automatically across every device size with effortless reflowing.
2/3 Width
The two-thirds column anchors your primary content while leaving a complementary third for secondary details. This proportion works beautifully for article bodies, product overviews, and feature explanations where one block should clearly dominate the reading flow. Canvas calculates the widths fluidly, so the ratio holds steady whether the page is viewed on a widescreen workstation or a tablet. Combine it with the adjacent narrow column to create classic content-and-aside arrangements that feel natural and well balanced.
1/3 Width
The narrow one-third column pairs naturally with a wider neighbour, perfect for sidebars, callouts, or quick highlights. It collapses below its partner on mobile so nothing feels cramped, preserving clarity and an easy top-to-bottom reading order.
1/4 Width
The quarter-width column is great for compact feature cards, icon blocks, or stat counters that line up neatly in tidy rows across the page.
3/4 Width
The three-quarter column gives your main content generous breathing room while reserving a slim quarter for navigation, filters, or supporting widgets. This is the workhorse layout for documentation pages, blog articles, and shop listings that benefit from a dedicated aside. Because the grid is fluid, the columns keep their proportions across resolutions and then stack cleanly on smaller screens for comfortable scrolling. Pair it with the matching narrow column to build dependable, professional page structures that scale with your project.
