diff options
| author | XhmikosR <[email protected]> | 2019-02-06 11:13:55 +0200 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2019-02-06 11:47:31 +0200 |
| commit | 8217499640190e8eb72aa7214525faec3238b04a (patch) | |
| tree | 6f41fd03d2a59470e7155d5563c7be09410ed13c | |
| parent | c1ea5ac49a7902eca51a5539ad193688d9a71a31 (diff) | |
| download | bootstrap-8217499640190e8eb72aa7214525faec3238b04a.tar.xz bootstrap-8217499640190e8eb72aa7214525faec3238b04a.zip | |
carousel.md: Highlight the whole example for consistency.
| -rw-r--r-- | site/docs/4.2/components/carousel.md | 13 |
1 files changed, 3 insertions, 10 deletions
diff --git a/site/docs/4.2/components/carousel.md b/site/docs/4.2/components/carousel.md index 26c81b48d..dbe321cd9 100644 --- a/site/docs/4.2/components/carousel.md +++ b/site/docs/4.2/components/carousel.md @@ -112,6 +112,7 @@ 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"> @@ -152,16 +153,8 @@ Add captions to your slides easily with the `.carousel-caption` element within a </a> </div> </div> - -{% highlight html %} -<div class="carousel-item"> - <img src="..." alt="..."> - <div class="carousel-caption d-none d-md-block"> - <h5>...</h5> - <p>...</p> - </div> -</div> -{% endhighlight %} +{% endcapture %} +{% include example.html content=example %} ### Crossfade |