Bootstrap 5 Components

A hero section is the large, prominent area at the top of a web page — the first thing vis…

A website footer is the section at the bottom of every page containing navigation links, l…

The Bootstrap 5 navbar is a responsive navigation header component that automatically coll…

Bootstrap 5 tabs provide a way to present related content in separate panels that users sw…

Bootstrap 5 offcanvas is a sidebar/drawer component that slides in from the left, right, t…

A breadcrumb is a secondary navigation aid that shows the user's current page location wit…

A pricing table displays product or service tiers side-by-side, allowing visitors to compa…

The Bootstrap 5 card is a flexible content container with optional header, footer, body, a…

The Bootstrap 5 accordion is a collapsible content panel component that shows one (or mult…

The Bootstrap 5 carousel is a slideshow component for cycling through images, slides, or o…

Bootstrap 5 provides extensive table styling via opt-in classes applied to standard HTML t…

A feature section showcases the key benefits or capabilities of a product or service. In B…

A testimonial section displays customer quotes, reviews, or case study highlights to build…

A CTA (call-to-action) section is a dedicated page section focused on driving a single con…

Bootstrap 5 provides a comprehensive form styling system including inputs, selects, checkb…

A Bootstrap 5 modal is a dialog box that appears on top of the current page, requiring use…

Bootstrap 5 alerts provide contextual feedback messages for user actions. Eight colour var…

Bootstrap 5 toasts are lightweight, non-disruptive notification messages that appear tempo…

Bootstrap 5 progress bars display the progress of a task or metric as a filled horizontal …

Bootstrap 5 spinners are CSS-only loading indicators that communicate to users that an ope…

Bootstrap 5 badges are small labelling components used to add counts, status labels, tags,…