Cards

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

Image

Lorem ipsum dolor sit amet

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Image

Lorem ipsum dolor sit amet

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Show code

Image

Lorem ipsum dolor sit amet

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Image

Lorem ipsum dolor sit amet

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Show code

Background and color

Primary card title

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

Secondary card title

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

Success card title

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

Danger card title

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

Warning card title

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

Info card title

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

Light card title

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

Dark card title

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

Show code


Blade-Component informations

Path

lbc/components/card.card.blade.php
Collapse options are integrated.

Usage

@include('lbc/components/card/card')

For more information about card read the bootstrap documention Card