From f0124769c9850bea321cbd82d6250b756a52bb52 Mon Sep 17 00:00:00 2001 From: Johann-S Date: Wed, 14 Jun 2017 13:21:49 +0200 Subject: Collapse supports multi-target thanks to @vanduynslagerp (#22713) --- docs/4.0/components/collapse.md | 31 ++++++++++++++++++++++++++++++- 1 file changed, 30 insertions(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/4.0/components/collapse.md b/docs/4.0/components/collapse.md index cbdc50bb7..e1d3e3b64 100644 --- a/docs/4.0/components/collapse.md +++ b/docs/4.0/components/collapse.md @@ -32,6 +32,35 @@ You can use a link with the `href` attribute, or a button with the `data-target` {% endexample %} +## Multiple triggers / targets + +A ` + +

+
+
+
+
+ Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. +
+
+
+
+
+
+ Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. +
+
+
+
+{% endexample %} + ## Accordion example Using the [card]({{ site.baseurl }}/docs/{{ site.docs_version }}/components/card/) component, you can extend the default collapse behavior to create an accordion. @@ -129,7 +158,7 @@ These classes can be found in `_transitions.scss`. ### Via data attributes -Just add `data-toggle="collapse"` and a `data-target` to the element to automatically assign control of a collapsible element. The `data-target` attribute accepts a CSS selector to apply the collapse to. Be sure to add the class `collapse` to the collapsible element. If you'd like it to default open, add the additional class `show`. +Just add `data-toggle="collapse"` and a `data-target` to the element to automatically assign control of one or more collapsible elements. The `data-target` attribute accepts a CSS selector to apply the collapse to. Be sure to add the class `collapse` to the collapsible element. If you'd like it to default open, add the additional class `show`. To add accordion-like group management to a collapsible area, add the data attribute `data-parent="#selector"`. Refer to the demo to see this in action. -- cgit v1.2.3 From 8f431fc5b81a3fddeb6d3907edf6f07c25df0f86 Mon Sep 17 00:00:00 2001 From: Johann-S Date: Wed, 14 Jun 2017 21:00:01 +0200 Subject: Update Popper.js 1.10.1 --- docs/4.0/components/dropdowns.md | 2 +- docs/4.0/components/popovers.md | 2 +- docs/4.0/components/tooltips.md | 2 +- docs/4.0/examples/album/index.html | 2 +- docs/4.0/examples/blog/index.html | 2 +- docs/4.0/examples/carousel/index.html | 2 +- docs/4.0/examples/cover/index.html | 2 +- docs/4.0/examples/dashboard/index.html | 2 +- docs/4.0/examples/jumbotron/index.html | 2 +- docs/4.0/examples/justified-nav/index.html | 2 +- docs/4.0/examples/navbar-top-fixed/index.html | 2 +- docs/4.0/examples/navbar-top/index.html | 2 +- docs/4.0/examples/navbars/index.html | 2 +- docs/4.0/examples/offcanvas/index.html | 2 +- docs/4.0/examples/starter-template/index.html | 2 +- docs/4.0/examples/sticky-footer-navbar/index.html | 2 +- docs/4.0/examples/tooltip-viewport/index.html | 2 +- 17 files changed, 17 insertions(+), 17 deletions(-) (limited to 'docs') diff --git a/docs/4.0/components/dropdowns.md b/docs/4.0/components/dropdowns.md index 01c35c7a2..4840e8480 100644 --- a/docs/4.0/components/dropdowns.md +++ b/docs/4.0/components/dropdowns.md @@ -10,7 +10,7 @@ toc: true Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They're made interactive with the included Bootstrap dropdown JavaScript plugin. They're toggled by clicking, not by hovering; this is [an intentional design decision.](http://markdotto.com/2012/02/27/bootstrap-explained-dropdowns/) -Dropdowns are built on a third party library, [Popper.js](https://popper.js.org), which provides dynamic positioning and viewport detection. Be sure to include [popper.min.js](https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.9.9/umd/popper.min.js) before Bootstrap's JavaScript. +Dropdowns are built on a third party library, [Popper.js](https://popper.js.org), which provides dynamic positioning and viewport detection. Be sure to include [popper.min.js](https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.10.1/umd/popper.min.js) before Bootstrap's JavaScript. ## Accessibility diff --git a/docs/4.0/components/popovers.md b/docs/4.0/components/popovers.md index 20ab3fe75..cd6599158 100644 --- a/docs/4.0/components/popovers.md +++ b/docs/4.0/components/popovers.md @@ -11,7 +11,7 @@ toc: true Things to know when using the popover plugin: -- Popovers rely on the 3rd party library [Popper.js](https://popper.js.org) for positioning. You must include [popper.min.js](https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.9.9/umd/popper.min.js) before bootstrap.js in order for popovers to work! +- Popovers rely on the 3rd party library [Popper.js](https://popper.js.org) for positioning. You must include [popper.min.js](https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.10.1/umd/popper.min.js) before bootstrap.js in order for popovers to work! - Popovers require the [tooltip plugin]({{ site.baseurl }}/docs/{{ site.docs_version }}/components/tooltips/) as a dependency. - Popovers are opt-in for performance reasons, so **you must initialize them yourself**. - Zero-length `title` and `content` values will never show a popover. diff --git a/docs/4.0/components/tooltips.md b/docs/4.0/components/tooltips.md index c6cf14dc9..7c0bd9f6a 100644 --- a/docs/4.0/components/tooltips.md +++ b/docs/4.0/components/tooltips.md @@ -10,7 +10,7 @@ toc: true Things to know when using the tooltip plugin: -- Tooltips rely on the 3rd party library [Popper.js](https://popper.js.org) for positioning. You must include [popper.min.js](https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.9.9/umd/popper.min.js) before bootstrap.js in order for tooltips to work! +- Tooltips rely on the 3rd party library [Popper.js](https://popper.js.org) for positioning. You must include [popper.min.js](https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.10.1/umd/popper.min.js) before bootstrap.js in order for tooltips to work! - Tooltips are opt-in for performance reasons, so **you must initialize them yourself**. - Tooltips with zero-length titles are never displayed. - Specify `container: 'body'` to avoid rendering problems in more complex components (like our input groups, button groups, etc). diff --git a/docs/4.0/examples/album/index.html b/docs/4.0/examples/album/index.html index f30905813..f442be943 100644 --- a/docs/4.0/examples/album/index.html +++ b/docs/4.0/examples/album/index.html @@ -118,7 +118,7 @@ - + - + diff --git a/docs/4.0/examples/carousel/index.html b/docs/4.0/examples/carousel/index.html index 95a8bed58..451b4c38f 100644 --- a/docs/4.0/examples/carousel/index.html +++ b/docs/4.0/examples/carousel/index.html @@ -176,7 +176,7 @@ - + diff --git a/docs/4.0/examples/cover/index.html b/docs/4.0/examples/cover/index.html index 87efec4d7..7edfe51ed 100644 --- a/docs/4.0/examples/cover/index.html +++ b/docs/4.0/examples/cover/index.html @@ -60,7 +60,7 @@ - + diff --git a/docs/4.0/examples/dashboard/index.html b/docs/4.0/examples/dashboard/index.html index 01d94fba4..e535f19d1 100644 --- a/docs/4.0/examples/dashboard/index.html +++ b/docs/4.0/examples/dashboard/index.html @@ -254,7 +254,7 @@ - + diff --git a/docs/4.0/examples/jumbotron/index.html b/docs/4.0/examples/jumbotron/index.html index a2f4a7b71..15b449f78 100644 --- a/docs/4.0/examples/jumbotron/index.html +++ b/docs/4.0/examples/jumbotron/index.html @@ -93,7 +93,7 @@ - + diff --git a/docs/4.0/examples/justified-nav/index.html b/docs/4.0/examples/justified-nav/index.html index 4ebaeed06..16ac2a10b 100644 --- a/docs/4.0/examples/justified-nav/index.html +++ b/docs/4.0/examples/justified-nav/index.html @@ -96,7 +96,7 @@ - + diff --git a/docs/4.0/examples/navbar-top-fixed/index.html b/docs/4.0/examples/navbar-top-fixed/index.html index 5f81d4905..f27b42dd8 100644 --- a/docs/4.0/examples/navbar-top-fixed/index.html +++ b/docs/4.0/examples/navbar-top-fixed/index.html @@ -56,7 +56,7 @@ - + diff --git a/docs/4.0/examples/navbar-top/index.html b/docs/4.0/examples/navbar-top/index.html index 66f86f6bf..bdad69171 100644 --- a/docs/4.0/examples/navbar-top/index.html +++ b/docs/4.0/examples/navbar-top/index.html @@ -56,7 +56,7 @@ - + diff --git a/docs/4.0/examples/navbars/index.html b/docs/4.0/examples/navbars/index.html index de0a500fb..7b829a8b2 100644 --- a/docs/4.0/examples/navbars/index.html +++ b/docs/4.0/examples/navbars/index.html @@ -351,7 +351,7 @@ - + diff --git a/docs/4.0/examples/offcanvas/index.html b/docs/4.0/examples/offcanvas/index.html index d0581f997..89485ea62 100644 --- a/docs/4.0/examples/offcanvas/index.html +++ b/docs/4.0/examples/offcanvas/index.html @@ -127,7 +127,7 @@ - + diff --git a/docs/4.0/examples/starter-template/index.html b/docs/4.0/examples/starter-template/index.html index ce430a60d..d69f5a397 100644 --- a/docs/4.0/examples/starter-template/index.html +++ b/docs/4.0/examples/starter-template/index.html @@ -66,7 +66,7 @@ - + diff --git a/docs/4.0/examples/sticky-footer-navbar/index.html b/docs/4.0/examples/sticky-footer-navbar/index.html index aa1f046ad..4f5fe32dd 100644 --- a/docs/4.0/examples/sticky-footer-navbar/index.html +++ b/docs/4.0/examples/sticky-footer-navbar/index.html @@ -64,7 +64,7 @@ - + diff --git a/docs/4.0/examples/tooltip-viewport/index.html b/docs/4.0/examples/tooltip-viewport/index.html index f60ca4707..f44e98b0e 100644 --- a/docs/4.0/examples/tooltip-viewport/index.html +++ b/docs/4.0/examples/tooltip-viewport/index.html @@ -39,7 +39,7 @@ - + -- cgit v1.2.3