Classes, code examples, variants, and Canvas-specific patterns for every major Bootstrap 5 component.
The Bootstrap 5 navbar is a responsive navigation header component that automatically coll…
.navbarBootstrap 5 tabs provide a way to present related content in separate panels that users sw…
.nav-tabs / .nav-pillsBootstrap 5 offcanvas is a sidebar/drawer component that slides in from the left, right, t…
.offcanvasA breadcrumb is a secondary navigation aid that shows the user's current page location wit…
.breadcrumbA pricing table displays product or service tiers side-by-side, allowing visitors to compa…
.card (base component)The Bootstrap 5 card is a flexible content container with optional header, footer, body, a…
.cardThe Bootstrap 5 accordion is a collapsible content panel component that shows one (or mult…
.accordionThe Bootstrap 5 carousel is a slideshow component for cycling through images, slides, or o…
.carouselBootstrap 5 provides extensive table styling via opt-in classes applied to standard HTML t…
.tableA feature section showcases the key benefits or capabilities of a product or service. In B…
row + col grid (no dedicated component)A testimonial section displays customer quotes, reviews, or case study highlights to build…
.card / blockquote (HTML5 semantic element)A CTA (call-to-action) section is a dedicated page section focused on driving a single con…
section + .btn (no dedicated component)A Bootstrap 5 modal is a dialog box that appears on top of the current page, requiring use…
.modalBootstrap 5 alerts provide contextual feedback messages for user actions. Eight colour var…
.alertBootstrap 5 toasts are lightweight, non-disruptive notification messages that appear tempo…
.toastBootstrap 5 progress bars display the progress of a task or metric as a filled horizontal …
.progress / .progress-barBootstrap 5 spinners are CSS-only loading indicators that communicate to users that an ope…
.spinner-border / .spinner-growCanvas Builder assembles Bootstrap 5 components into complete, professional layouts. Describe your page — get production-ready HTML in ~3 minutes.
Start Generating →