Card

The Card component is an enhanced version of the box component, by giving structure to the element.

    <div class="card">
        <div class="card-title">Card Title</div>
        <div class="card-body"> 
            This is where content would go
        </div>
        <div class="card-footer">by forumify</div>
    </div>
Card Title

This is where content would go

by forumify

We recommend structuring a card like below

Card Component

ElementDescription
1. ContainerThe container holds all the elements of the card component.
2. TitleThe title of the card.
3. ContentsThe main body of content within the card.
4. FooterThe footer of the card component is typically used for action buttons.
Previous ChapterBox