Components

This collection of component examples, Please make sure to visit Bootstrap's documentation for more examples.

Alerts

Default

Callout

Badges

Badges
Primary Secondary Success Danger Warning Info Light Dark
Pill Badges
Primary Secondary Success Danger Warning Info Light Dark
Buttons with badge
Headings

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New

Pagination

Default pagination
Disabled and active states
Sizing

Large

Small

Spinners

Border spinners
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Sizing

Large

Loading...
Loading...

Small

Loading...
Loading...
Growing spinners
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
With buttons
Nifty

Background Images

Add an image to replace the solid background color

Layouts

Layouts
Transitions
Header
Additional Offcanvas

Select the offcanvas placement.

Sidebars

Navigation
Sidebar

Colors

Modes
Color Schemes
Expanded Header
Fair Header
Full Header
Primary Nav
Brand
Tall Header
Miscellaneous
Scrollbars

Hides native scrollbars and creates custom styleable overlay scrollbars.

Offcanvas Header
Content Here

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente eos nihil earum aliquam quod in dolor, aspernatur obcaecati et at. Dicta, ipsum aut, fugit nam dolore porro non est totam sapiente animi recusandae obcaecati dolorum, rem ullam cumque. Illum quidem reiciendis autem neque excepturi odit est accusantium, facilis provident molestias, dicta obcaecati itaque ducimus fuga iure in distinctio voluptate nesciunt dignissimos rem error a. Expedita officiis nam dolore dolores ea. Soluta repellendus delectus culpa quo. Ea tenetur impedit error quod exercitationem ut ad provident quisquam omnis! Nostrum quasi ex delectus vero, facilis aut recusandae deleniti beatae. Qui velit commodi inventore.