Tool
Remove card
The close JavaScript plugin is used to show and hide content. Buttons or anchors are used as triggers that are mapped to specific elements you hide. Close an element will animate the height
from its current value to 0
. Given how CSS handles animations, you can use data-bs-dismiss="alert"
attribute. Instead, use the class as an independent wrapping element.
With footer
The collapse card with footer is used to show and hide content. Buttons or anchors are used as triggers that are mapped to specific elements you toggle. Collapsing an element will animate the height
from its current value to 0
. Given how CSS handles animations, you cannot use padding
on a .collapse
element. Instead, use the class as an independent wrapping element.
Collapsible card
The collapse JavaScript plugin is used to show and hide content. Buttons or anchors are used as triggers that are mapped to specific elements you toggle.
Collapsing an element will animate the height
from its current value to 0
.
Given how CSS handles animations, you cannot use padding
on a .collapse
element.
Instead, use the class as an independent wrapping element.
Collapsed card
The collapse JavaScript plugin is used to show and hide content. Buttons or anchors are used as triggers that are mapped to specific elements you toggle.
Collapsing an element will animate the height
from its current value to 0
. Given how CSS handles animations, you cannot use padding
on a .
collapse
element. Instead, use the class as an independent wrapping element.
Group of tool
The collapse and close JavaScript plugin is used to show and hide content. Buttons or anchors are used as triggers that are mapped to specific elements you toggle and hide. Collapsing and close an element will animate the height
from its current value to 0
. Given how CSS handles animations, you can use on a class & close with attribute.