diff options
author | XhmikosR <xhmikosr@gmail.com> | 2019-08-30 17:21:47 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2019-09-26 18:37:07 +0300 |
commit | 28758a03f0602d4adc824fae756016d06343a00f (patch) | |
tree | 6388f336b1308c8887711d3c3ef6fa7396ed130c /site | |
parent | f732bf025a51a10826137f41e49036be0a8d4009 (diff) |
carousel.md: Remove duplicate bd-example div. (#29341)
The example shortcode already adds this.
Diffstat (limited to 'site')
-rw-r--r-- | site/docs/4.3/components/carousel.md | 66 |
1 files changed, 32 insertions, 34 deletions
diff --git a/site/docs/4.3/components/carousel.md b/site/docs/4.3/components/carousel.md index 455e2d9e51..cdb0c64880 100644 --- a/site/docs/4.3/components/carousel.md +++ b/site/docs/4.3/components/carousel.md @@ -113,45 +113,43 @@ You can also add the indicators to the carousel, alongside the controls, too. Add captions to your slides easily with the `.carousel-caption` element within any `.carousel-item`. They can be easily hidden on smaller viewports, as shown below, with optional [display utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/display/). We hide them initially with `.d-none` and bring them back on medium-sized devices with `.d-md-block`. {% capture example %} -<div class="bd-example"> - <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel"> - <ol class="carousel-indicators"> - <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li> - <li data-target="#carouselExampleCaptions" data-slide-to="1"></li> - <li data-target="#carouselExampleCaptions" data-slide-to="2"></li> - </ol> - <div class="carousel-inner"> - <div class="carousel-item active"> - {% include icons/placeholder.svg width="800" height="400" class="bd-placeholder-img-lg d-block w-100" color="#555" background="#777" text="First slide" %} - <div class="carousel-caption d-none d-md-block"> - <h5>First slide label</h5> - <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p> - </div> +<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel"> + <ol class="carousel-indicators"> + <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li> + <li data-target="#carouselExampleCaptions" data-slide-to="1"></li> + <li data-target="#carouselExampleCaptions" data-slide-to="2"></li> + </ol> + <div class="carousel-inner"> + <div class="carousel-item active"> + {% include icons/placeholder.svg width="800" height="400" class="bd-placeholder-img-lg d-block w-100" color="#555" background="#777" text="First slide" %} + <div class="carousel-caption d-none d-md-block"> + <h5>First slide label</h5> + <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p> </div> - <div class="carousel-item"> - {% include icons/placeholder.svg width="800" height="400" class="bd-placeholder-img-lg d-block w-100" color="#444" background="#666" text="Second slide" %} - <div class="carousel-caption d-none d-md-block"> - <h5>Second slide label</h5> - <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> - </div> + </div> + <div class="carousel-item"> + {% include icons/placeholder.svg width="800" height="400" class="bd-placeholder-img-lg d-block w-100" color="#444" background="#666" text="Second slide" %} + <div class="carousel-caption d-none d-md-block"> + <h5>Second slide label</h5> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> - <div class="carousel-item"> - {% include icons/placeholder.svg width="800" height="400" class="bd-placeholder-img-lg d-block w-100" color="#333" background="#555" text="Third slide" %} - <div class="carousel-caption d-none d-md-block"> - <h5>Third slide label</h5> - <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p> - </div> + </div> + <div class="carousel-item"> + {% include icons/placeholder.svg width="800" height="400" class="bd-placeholder-img-lg d-block w-100" color="#333" background="#555" text="Third slide" %} + <div class="carousel-caption d-none d-md-block"> + <h5>Third slide label</h5> + <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p> </div> </div> - <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev"> - <span class="carousel-control-prev-icon" aria-hidden="true"></span> - <span class="sr-only">Previous</span> - </a> - <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next"> - <span class="carousel-control-next-icon" aria-hidden="true"></span> - <span class="sr-only">Next</span> - </a> </div> + <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev"> + <span class="carousel-control-prev-icon" aria-hidden="true"></span> + <span class="sr-only">Previous</span> + </a> + <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next"> + <span class="carousel-control-next-icon" aria-hidden="true"></span> + <span class="sr-only">Next</span> + </a> </div> {% endcapture %} {% include example.html content=example %} |