A card in bootstrap is a bordered box with some padding around its content. They provide a flexible and extensible content container with multiple variants and options, replacing bootstrap3's panel and well element.
Cards are also used inside accordions to group elements.
See also:
<bootstrap_card [..]>Content text for the panel</bootstrap_card>The following attributes can be used inside the tag:
- active
- When used inside an [accordion](accordion.md) this expands the card.
You can also set this attribute to any no value, in which case it is ignored.
- background
- Sets the color for this component. See bootstrap's
[color documentation](https://getbootstrap.com/docs/4.1/utilities/colors/)
for more information.
Allowed Values are
- primary
- secondary
- success
- danger
- warning
- info
- light
- dark
- white
- class
- Adds this string to the class attribute of the component. If you want to add multiple classes, separate them by a space.
- collapsible
- Even when not inside an accordion, a card can be made collapsible with this.
You can also set this attribute to any no value, in which case it is ignored.
- color
- Because bootstrap4's color schema is rather dominant, for downward compatibility
reasons the _color_ attribute only sets a border color. If you want to get the full
bootstrap4 feeling, use attribute _background_ instead.
Allowed Values are
- default
- primary
- secondary
- success
- danger
- warning
- info
- light
- dark
- white
- footer
- All you supply here will be inserted into the footer area of the panel.
- header
- All you supply here will be inserted into the header area of the panel.
- id
- Sets the id of the component to this value. See to it, that it is unique.
- style
- Adds this string to the style attribute of the component. If you want to add multiple css styles, separate them by a semicolon.