Canvas is a fully featured Bootstrap HTML template with over 1,300 sample pages and 230 UI block layouts. Its powerful shortcodes and pre-built sections cover everything from hero sliders to pricing tables, contact forms, and e-commerce pages. Each layout is mobile-optimized and thoroughly tested across modern browsers, giving you a rock-solid foundation for any web project you can imagine. Buy once, build unlimited sites.
Half Width
Canvas provides a twelve-column Bootstrap grid so you can split content into halves with ease. Each half-width column adapts gracefully on smaller screens and stacks vertically to maintain readability across all viewports.
Half Width
Half-width columns let you place two related content blocks side by side at equal visual weight. They work well for split testimonials, dual stat panels, or image-and-text pairings on any device.
2/3 Width
Two-thirds-width columns are perfect when one piece of content needs to dominate while a companion column provides supplementary context. Canvas makes this easy with Bootstrap's col-md-8 class. The wider column draws the reader's eye to your primary message, while the narrow sidebar remains uncluttered and easy to scan. This layout suits blog content with a sidebar, product descriptions with a spec list, or any presentation that benefits from a clear content hierarchy.
1/3 Width
The one-third-width column is a compact companion to wider content blocks. Use it for quick stats, pull quotes, or small image panels that support the primary message in the wider main column.
1/4 Width
Quarter-width columns suit small icons, brief statistics, or compact call-to-action links alongside wider primary content sections.
3/4 Width
Three-quarters-width columns give your main content the room it deserves while keeping a compact sidebar in view. Canvas applies the col-md-9 class to achieve this proportion within Bootstrap's grid. Use this layout for long-form articles accompanied by a narrow table of contents, product showcases with a quick-buy panel, or event listings alongside a compact calendar widget. The proportions balance generously without sacrificing the supporting column's utility.
2/5 Width
Two-fifths-width columns offer a slightly broader companion block than a third. Use them for photo thumbnails, brief descriptions, or a short form next to a larger primary content area.
3/5 Width
The three-fifths column gives your primary content comfortable reading room while keeping a secondary column visible alongside it. This proportion suits blog archives with summaries, service pages with detail panels, or comparison tables that need a clear but unequal split.
1/5 Width
Fifth-width columns suit icon-and-label rows. Keep copy brief and let a bold icon carry the visual weight in each block.
1/5 Width
Use one-fifth columns for icons, counters, or avatars arranged five-across. They collapse cleanly on narrower screens.
1/5 Width
Fifth-width blocks suit feature badges or skill tags. Each stays balanced and easy to scan beside its siblings.
1/5 Width
Five equal columns form a symmetrical row. Pair each with a small icon and brief text for a clean layout.
1/5 Width
One-fifth columns suit logo strips, social icons, or stat badges in a clean five-item row across the page.
1/6 Width
Sixth-width columns suit small icons or single numeric metrics beside a dominant main column.
5/6 Width
Five-sixths of the grid provides an expansive canvas for your most content-rich sections. This extra-wide column pairs beautifully with a narrow sixth-width sidebar containing just a label, icon, or compact call to action. Use it for detailed product breakdowns, in-depth service descriptions, or long-form editorial content where reading comfort is a priority. The asymmetric split keeps the layout dynamic and guides the reader's eye naturally from the sidebar to the main body.
