Cards

A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.

Card title

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

Card title

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

Card title

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

Card title

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

Card title

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

Card title

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

Card title

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

Card title

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

Card title

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

Card Code Example


    <div class="card">

      <div class="card-body">

       <h2 class="card-title">Card title</h2>

       <h3 class="card-title-secondary">Card title</h3>

       <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>

      </div>

    </div>

Card Wrapper Code Example


        <div class="card-wrapper">

          Cards goes here... 

        </div>