aboutsummaryrefslogtreecommitdiff
path: root/docs/4.0
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2018-03-31 18:36:10 -0700
committerMark Otto <[email protected]>2018-03-31 18:36:10 -0700
commitb2e423f54dcf47844e0a076a1f397b6a548dba58 (patch)
tree3ed726bb82ef0c129a042ea7a42280ce9c270777 /docs/4.0
parentabe44dcc5b30d3505f69b62ca7cc2ac169045286 (diff)
downloadbootstrap-b2e423f54dcf47844e0a076a1f397b6a548dba58.tar.xz
bootstrap-b2e423f54dcf47844e0a076a1f397b6a548dba58.zip
fixes #25343 by mentioning how collapse animates in docs
Diffstat (limited to 'docs/4.0')
-rw-r--r--docs/4.0/components/collapse.md4
1 files changed, 4 insertions, 0 deletions
diff --git a/docs/4.0/components/collapse.md b/docs/4.0/components/collapse.md
index 86462492b..01ebd52b7 100644
--- a/docs/4.0/components/collapse.md
+++ b/docs/4.0/components/collapse.md
@@ -6,6 +6,10 @@ group: components
toc: true
---
+## How it works
+
+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 it's 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.
+
## Example
Click the buttons below to show and hide another element via class changes: