0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00

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
This commit is contained in:
XhmikosR 2018-10-21 22:02:45 +03:00
parent 00860f02d4
commit d48f03b050
2 changed files with 6 additions and 20 deletions

View File

@ -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.

View File

@ -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