diff --git a/docs/assets/scss/_component-examples.scss b/docs/assets/scss/_component-examples.scss
index e300fff18a..ea9ea3cd67 100644
--- a/docs/assets/scss/_component-examples.scss
+++ b/docs/assets/scss/_component-examples.scss
@@ -253,11 +253,11 @@
 }
 
 // Popovers
-.bd-example-popover {
+.bd-example-popover-static {
   padding-bottom: 1.5rem;
   background-color: #f9f9f9;
 }
-.bd-example-popover .popover {
+.bd-example-popover-static .popover {
   position: relative;
   display: block;
   float: left;
@@ -266,7 +266,7 @@
 }
 
 // Tooltips
-.bd-example-tooltip .tooltip {
+.bd-example-tooltip-static .tooltip {
   position: relative;
   display: inline-block;
   margin: 10px 20px;
diff --git a/docs/components/popovers.md b/docs/components/popovers.md
index a0860df519..e04b3acec9 100644
--- a/docs/components/popovers.md
+++ b/docs/components/popovers.md
@@ -53,7 +53,7 @@ $(function () {
 
 Four options are available: top, right, bottom, and left aligned.
 
-<div class="bd-example bd-example-popover">
+<div class="bd-example bd-example-popover-static">
   <div class="popover popover-top">
     <div class="popover-arrow"></div>
     <h3 class="popover-title">Popover top</h3>
diff --git a/docs/components/tooltips.md b/docs/components/tooltips.md
index 909a9d00c9..bba918d9dc 100644
--- a/docs/components/tooltips.md
+++ b/docs/components/tooltips.md
@@ -48,7 +48,7 @@ Hover over the links below to see tooltips:
 
 Four options are available: top, right, bottom, and left aligned.
 
-<div class="bd-example bd-example-tooltip">
+<div class="bd-example bd-example-tooltip-static">
   <div class="tooltip top" role="tooltip">
     <div class="tooltip-arrow"></div>
     <div class="tooltip-inner">