Cards

Also see the official documentation

Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.

Common card

This structure is used on most pages for output content.

Card header
Card title

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

Go somewhere

Header with navigation

Card with navigation in header. Use .card-header-control and .card-header-title classes for rebuild the header.

Card with navigation

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

Card link Another link

Header with form

Card with form in header.

Card with form

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

Card with form

Standard block with a form. Styles for the icon and title text are predefined.

Change Password

* Your password has to be at least 8 characters long and must contain at least one upper-case letter, one lower-case letter and one number.

Large card with form

Use the modifier .card-lg to make a wide card from a standard.

Account Details
11026