Canvas ships with a fully responsive twelve-column grid built on Bootstrap, so every layout adapts smoothly from large desktops down to the smallest mobile screens. Mix and match column widths to compose any structure you need, then fine-tune spacing, alignment, and ordering with the included utility classes. Every block is clean, accessible, and ready to fill with your own headings, paragraphs, images, and calls to action without writing a single line of custom code.
Half Width
Use the half-width column to place two balanced content areas side by side. It is ideal for pairing a feature description with a supporting image, or for setting a short benefits list beside a heading and intro paragraph.
Half Width
The half-width column keeps both panels equal on desktops and stacks them neatly on mobile devices. It gives you a tidy two-up layout that works beautifully for comparisons, highlighted features, or two short blocks of copy.
2/3 Width
Reserve the two-thirds column for your primary content, the place where readers expect the main story, detailed product information, or a longer article to live. It leaves comfortable room beside it for a complementary sidebar of links, highlights, or quick contact details, while still collapsing gracefully to full width on smaller devices so your most important text always stays easy and genuinely pleasant to read on any screen.
1/3 Width
The one-third column works well as a compact sidebar for highlights, related links, or a short call to action that sits beside your main content and slides below it neatly on smaller mobile screens.
1/4 Width
The one-quarter column is perfect for compact feature boxes, key statistics, or icon tiles arranged in a clean, even row across the page.
3/4 Width
Give your main content the three-quarter column when you want maximum reading width alongside a slim companion column for secondary details or navigation. It suits long-form articles, rich media galleries, and detailed product descriptions, and it reflows to full width on mobile devices so your content never feels cramped or hard to scan, keeping the reading experience comfortable and consistent on every screen size.
