Remove custom example plugin. (#25784)

1 files changed, 12 insertions, 8 deletions

diff --git a/docs/4.0/components/carousel.md b/docs/4.0/components/carousel.md
index 1f7ff3d82..7c4a0472e 100644
--- a/docs/4.0/components/carousel.md
+++ b/docs/4.0/components/carousel.md
@@ -26,7 +26,7 @@ Carousels don't automatically normalize slide dimensions. As such, you may need
 
 Here's a carousel with slides only. Note the presence of the `.d-block` and `.w-100` on carousel images to prevent browser default image alignment.
 
-{% example html %}
+{% capture example %}
 <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
   <div class="carousel-inner">
     <div class="carousel-item active">
@@ -40,13 +40,14 @@ Here's a carousel with slides only. Note the presence of the `.d-block` and `.w-
     </div>
   </div>
 </div>
-{% endexample %}
+{% endcapture %}
+{% include example.html content=example %}
 
 ### With controls
 
 Adding in the previous and next controls:
 
-{% example html %}
+{% capture example %}
 <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
   <div class="carousel-inner">
     <div class="carousel-item active">
@@ -68,13 +69,14 @@ Adding in the previous and next controls:
     <span class="sr-only">Next</span>
   </a>
 </div>
-{% endexample %}
+{% endcapture %}
+{% include example.html content=example %}
 
 ### With indicators
 
 You can also add the indicators to the carousel, alongside the controls, too.
 
-{% example html %}
+{% capture example %}
 <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
   <ol class="carousel-indicators">
     <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
@@ -101,7 +103,8 @@ You can also add the indicators to the carousel, alongside the controls, too.
     <span class="sr-only">Next</span>
   </a>
 </div>
-{% endexample %}
+{% endcapture %}
+{% include example.html content=example %}
 
 ### With captions
 
@@ -162,7 +165,7 @@ Add captions to your slides easily with the `.carousel-caption` element within a
 
 Add `.carousel-fade` to your carousel to animate slides with a fade transition instead of a slide.
 
-{% example html %}
+{% capture example %}
 <div id="carouselExampleFade" class="carousel slide carousel-fade" data-ride="carousel">
   <div class="carousel-inner">
     <div class="carousel-item active">
@@ -184,7 +187,8 @@ Add `.carousel-fade` to your carousel to animate slides with a fade transition i
     <span class="sr-only">Next</span>
   </a>
 </div>
-{% endexample %}
+{% endcapture %}
+{% include example.html content=example %}
 
 
 ## Usage