Cards

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

Card title

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem cupiditate deleniti dolore exercitationem explicabo facere ipsa itaque iusto, maiores minima modi molestias nobis optio provident quas repudiandae tempore temporibus, voluptatem.

Link
Card image cap
Card title

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

Go somewhere
Scrollable Card

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem cupiditate deleniti dolore exercitationem explicabo facere ipsa itaque iusto, maiores minima modi molestias nobis optio provident quas repudiandae tempore temporibus, voluptatem.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem cupiditate deleniti dolore exercitationem explicabo facere ipsa itaque iusto, maiores minima modi molestias nobis optio provident quas repudiandae tempore temporibus, voluptatem.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem cupiditate deleniti dolore exercitationem explicabo facere ipsa itaque iusto, maiores minima modi molestias nobis optio provident quas repudiandae tempore temporibus, voluptatem.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem cupiditate deleniti dolore exercitationem explicabo facere ipsa itaque iusto, maiores minima modi molestias nobis optio provident quas repudiandae tempore temporibus, voluptatem.

Link
Card image cap
Image Controls

Example of controls over the thumb image above and below the thumb.

Go somewhere
Embedded Widget

Card with Embedded 3RD party widget using bootstraps embed responsive container.

  • Cras justo odio
  • Dapibus ac facilisis in
  • Vestibulum at eros
Card image cap
Card Gradient

Fancy card with a gradient background you can apply color gradient card body.

Go Anywhere