rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-29 21:52:22 +01:00
Code Issues Actions Packages Releases Activity

Use the example shortcode in more places.

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
site/docs/4.1/components/badge.md
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. Badges scale to match the size of the immediate parent element by using relative font sizing and `em` units.
<div class="bd-example"> {% capture 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 %}
<h1>Example heading <span class="badge badge-secondary">New</span></h1> <h1>Example heading <span class="badge badge-secondary">New</span></h1>
<h2>Example heading <span class="badge badge-secondary">New</span></h2> <h2>Example heading <span class="badge badge-secondary">New</span></h2>
<h3>Example heading <span class="badge badge-secondary">New</span></h3> <h3>Example heading <span class="badge badge-secondary">New</span></h3>
<h4>Example heading <span class="badge badge-secondary">New</span></h4> <h4>Example heading <span class="badge badge-secondary">New</span></h4>
<h5>Example heading <span class="badge badge-secondary">New</span></h5> <h5>Example heading <span class="badge badge-secondary">New</span></h5>
<h6>Example heading <span class="badge badge-secondary">New</span></h6> <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. Badges can be used as part of links or buttons to provide a counter.

12
site/docs/4.1/content/typography.md
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. Use the included utility classes to recreate the small secondary heading text from Bootstrap 3.
<div class="bd-example"> {% capture example %}
<span class="h3">
Fancy display heading
<small class="text-muted">With faded secondary text</small>
</span>
</div>
{% highlight html %}
<h3> <h3>
Fancy display heading Fancy display heading
<small class="text-muted">With faded secondary text</small> <small class="text-muted">With faded secondary text</small>
</h3> </h3>
{% endhighlight %} {% endcapture %}
{% include example.html content=example %}
## Display headings ## Display headings