Bootstrap component testing

Theming testing-page to explore and restyle multiple website themes using Bootstrap. This page serves as a visual sandbox to test customized styles, preview component variations like buttons, forms, and utilities, and ensure consistency across projects. Use it to quickly iterate on color schemes, hover effects, and layout utilities before applying them in production.

Buttons

Alerts

This is a primary alert — check it out!

This is a secondary alert — check it out!

This is a success alert — check it out!

This is a danger alert — check it out!

This is a warning alert — check it out!

This is an info alert — check it out!

This is a light alert — check it out!

This is a dark alert — check it out!

Badges

PrimarySecondarySuccessDangerWarningInfoLightDark

Cards

Header

Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Secondary card titles

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Success card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Danger card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Warning card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Info card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Light card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Dark card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Secondary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Forms

Progress Bars

Primary

Success

Info

Warning

Danger

Secondary

Dark

Light

Animated

Jumbotron

Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

It uses utility classes for typography and spacing to space content out within the larger container.

Toast

Hello, world! This is a toast message.