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.We use cookies from third party services for marketing activities and to offer you a better experience. Read about how we use cookies and how you can control them by clicking “Privacy Preferences”.