From: XhmikosR <xhmikosr@gmail.com>
Date: Thu, 17 Dec 2020 06:14:43 +0000 (+0200)
Subject: Backport #32489
X-Git-Tag: v4.6.0~31
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=378f3939c86684fada71a763d9fbb0099c861f97;p=thirdparty%2Fbootstrap.git

Backport #32489

Fix popover docs example
---

diff --git a/site/content/docs/4.5/components/popovers.md b/site/content/docs/4.5/components/popovers.md
index 35206fe2b1..872c35498b 100644
--- a/site/content/docs/4.5/components/popovers.md
+++ b/site/content/docs/4.5/components/popovers.md
@@ -60,40 +60,20 @@ $(function () {
 
 Four options are available: top, right, bottom, and left aligned.
 
-<div class="bd-example popover-demo">
-  <div class="bd-example-popovers">
-    <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="top" data-content="Top popover">
-      Popover on top
-    </button>
-    <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="right" data-content="Right popover">
-      Popover on right
-    </button>
-    <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Bottom popover">
-      Popover on bottom
-    </button>
-    <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="left" data-content="Left popover">
-      Popover on left
-    </button>
-  </div>
-</div>
-
-```html
+{{< example >}}
 <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="top" data-content="Top popover">
   Popover on top
 </button>
-
 <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="right" data-content="Right popover">
   Popover on right
 </button>
-
 <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Bottom popover">
   Popover on bottom
 </button>
-
 <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="left" data-content="Left popover">
   Popover on left
 </button>
-```
+{{< /example >}}
 
 ### Dismiss on next click