diff options
| author | XhmikosR <[email protected]> | 2018-10-21 22:02:45 +0300 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2018-10-22 09:24:36 +0300 |
| commit | d48f03b050c1e9044317c7ea592703eeeaf26b4f (patch) | |
| tree | 719ad2a83dae9760d01cbb0112ec69b459c66acf | |
| parent | 00860f02d4b771ebb8f782743c0d45470f07d8b7 (diff) | |
| download | bootstrap-d48f03b050c1e9044317c7ea592703eeeaf26b4f.tar.xz bootstrap-d48f03b050c1e9044317c7ea592703eeeaf26b4f.zip | |
Use the example shortcode in more places.
Now that we don't have the ToC issue with the examples' headers in ToC, we can safely do this.no_toc_section_class
| -rw-r--r-- | site/docs/4.1/components/badge.md | 14 | ||||
| -rw-r--r-- | site/docs/4.1/content/typography.md | 12 |
2 files changed, 6 insertions, 20 deletions
diff --git a/site/docs/4.1/components/badge.md b/site/docs/4.1/components/badge.md index 0e97cbe76..8c1760045 100644 --- a/site/docs/4.1/components/badge.md +++ b/site/docs/4.1/components/badge.md @@ -10,23 +10,15 @@ toc: true Badges scale to match the size of the immediate parent element by using relative font sizing and `em` units. -<div class="bd-example"> -<div class="h1">Example heading <span class="badge badge-secondary">New</span></div> -<div class="h2">Example heading <span class="badge badge-secondary">New</span></div> -<div class="h3">Example heading <span class="badge badge-secondary">New</span></div> -<div class="h4">Example heading <span class="badge badge-secondary">New</span></div> -<div class="h5">Example heading <span class="badge badge-secondary">New</span></div> -<div class="h6">Example heading <span class="badge badge-secondary">New</span></div> -</div> - -{% highlight html %} +{% capture example %} <h1>Example heading <span class="badge badge-secondary">New</span></h1> <h2>Example heading <span class="badge badge-secondary">New</span></h2> <h3>Example heading <span class="badge badge-secondary">New</span></h3> <h4>Example heading <span class="badge badge-secondary">New</span></h4> <h5>Example heading <span class="badge badge-secondary">New</span></h5> <h6>Example heading <span class="badge badge-secondary">New</span></h6> -{% endhighlight %} +{% endcapture %} +{% include example.html content=example %} Badges can be used as part of links or buttons to provide a counter. diff --git a/site/docs/4.1/content/typography.md b/site/docs/4.1/content/typography.md index 795f807b6..2451367e0 100644 --- a/site/docs/4.1/content/typography.md +++ b/site/docs/4.1/content/typography.md @@ -94,19 +94,13 @@ All HTML headings, `<h1>` through `<h6>`, are available. Use the included utility classes to recreate the small secondary heading text from Bootstrap 3. -<div class="bd-example"> - <span class="h3"> - Fancy display heading - <small class="text-muted">With faded secondary text</small> - </span> -</div> - -{% highlight html %} +{% capture example %} <h3> Fancy display heading <small class="text-muted">With faded secondary text</small> </h3> -{% endhighlight %} +{% endcapture %} +{% include example.html content=example %} ## Display headings |