Scribd Logo
Upload

Welcome to Scribd!

  • 10 views

    Cards

    Uploaded by

    Anonymous pkDFn0aNqr
    Cards provide a flexible content container with headers, footers, and options for background colors and display styles. Cards can hold various content types and replace features from Bootstrap 3 like panels, wells, and thumbnails. An example card code snippet is given with an image, title, text content, and button to demonstrate basic usage.

    Copyright:

    © All Rights Reserved

    Cards

    Uploaded by

    Anonymous pkDFn0aNqr
    10 views2 pages
    Cards provide a flexible content container with headers, footers, and options for background colors and display styles. Cards can hold various content types and replace features from Bootstrap 3 like panels, wells, and thumbnails. An example card code snippet is given with an image, title, text content, and button to demonstrate basic usage.

    Original Description:

    CARDS

    Copyright

    © © All Rights Reserved

    Did you find this document useful?

    Is this content inappropriate?

    Cards provide a flexible content container with headers, footers, and options for background colors and display styles. Cards can hold various content types and replace features from Bootstrap 3 like panels, wells, and thumbnails. An example card code snippet is given with an image, title, text content, and button to demonstrate basic usage.

    Copyright:

    © All Rights Reserved
    10 views2 pages

    Cards

    Uploaded by

    Anonymous pkDFn0aNqr
    Cards provide a flexible content container with headers, footers, and options for background colors and display styles. Cards can hold various content types and replace features from Bootstrap 3 like panels, wells, and thumbnails. An example card code snippet is given with an image, title, text content, and button to demonstrate basic usage.

    Copyright:

    © All Rights Reserved
    You are on page 1of 2

    Cards

    Bootstrap’s cards provide a flexible and extensible content container with


    multiple variants and options.

    Limited time offer: Get 10 free Adobe Stock images.ads via Carbon

    About
    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. If you’re familiar with Bootstrap 3, cards replace
    our old panels, wells, and thumbnails. Similar functionality to those components
    is available as modifier classes for cards.

    Example
    Cards are built with as little markup and styles as possible, but still manage to
    deliver a ton of control and customization. Built with flexbox, they offer easy
    alignment and mix well with other Bootstrap components. They have
    no margin by default, so use spacing utilities as needed.

    Below is an example of a basic card with mixed content and a fixed width. Cards
    have no fixed width to start, so they’ll naturally fill the full width of its parent
    element. This is easily customized with our various sizing options.

    Card title

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

    Go somewhere
    Copy
    <div class="card" style="width: 18rem;">
    <img class="card-img-top" src=".../100px180/" alt="Card image cap">
    <div class="card-body">
    <h5 class="card-title">Card title</h5>
    <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>
    <a href="#" class="btn btn-primary">Go somewhere</a>
    </div>
    </div>

    You might also like