The card's content must be placed inside a .bfg-card__content element.
Then you can add an header to the card using the optional .bfg-card__header element and one or more actions to the header using the optional .bfg-card__action element.
By default, the card's elements do not have any look and feel. Use the .bfg-card--* modifiers to adapt the appearance of each block to your needs.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Content
Header
Content
Primary
Content
Success
Content
Danger
Content
Info
Content
Warning
Content
Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.