diff options
| author | Florian Lacreuse <[email protected]> | 2020-12-15 16:27:06 +0100 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-12-15 17:27:06 +0200 |
| commit | 4e7c9e56fc76b8cf5b34d9d7b041b3904fb6404c (patch) | |
| tree | b9c4e2d714b1cae8dfd1b0ca4274cbae259cd3da | |
| parent | cc3a5cf79a5afd73a97dce380f93e0d192a34456 (diff) | |
| download | bootstrap-4e7c9e56fc76b8cf5b34d9d7b041b3904fb6404c.tar.xz bootstrap-4e7c9e56fc76b8cf5b34d9d7b041b3904fb6404c.zip | |
Fix popover docs example (#32489)
| -rw-r--r-- | site/content/docs/5.0/components/popovers.md | 24 |
1 files changed, 2 insertions, 22 deletions
diff --git a/site/content/docs/5.0/components/popovers.md b/site/content/docs/5.0/components/popovers.md index 817cd1ef1..10072ad62 100644 --- a/site/content/docs/5.0/components/popovers.md +++ b/site/content/docs/5.0/components/popovers.md @@ -62,40 +62,20 @@ var popover = new bootstrap.Popover(document.querySelector('.example-popover'), Four options are available: top, right, bottom, and left aligned. Directions are mirrored when using Bootstrap in RTL. -<div class="bd-example popover-demo"> - <div class="bd-example-popovers"> - <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top" data-bs-content="Top popover"> - Popover on top - </button> - <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="right" data-bs-content="Right popover"> - Popover on right - </button> - <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="Bottom popover"> - Popover on bottom - </button> - <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="left" data-bs-content="Left popover"> - Popover on left - </button> - </div> -</div> - -```html +{{< example >}} <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top" data-bs-content="Top popover"> Popover on top </button> - <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="right" data-bs-content="Right popover"> Popover on right </button> - <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="Bottom popover"> Popover on bottom </button> - <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="left" data-bs-content="Left popover"> Popover on left </button> -``` +{{< /example >}} ### Dismiss on next click |