diff options
| author | Mark Otto <[email protected]> | 2015-08-12 20:45:21 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-08-12 20:45:21 -0700 |
| commit | b1a74195c8c2a9a103b7a167122bbce68e5c67e2 (patch) | |
| tree | 85fdd7cc488ff57c864cda93575a76f30cb6e833 /docs/content | |
| parent | 314161cb179be0846ac1190abf2fc442965ea300 (diff) | |
| download | bootstrap-b1a74195c8c2a9a103b7a167122bbce68e5c67e2.tar.xz bootstrap-b1a74195c8c2a9a103b7a167122bbce68e5c67e2.zip | |
simpler type, docs callout for reproducing the v3 style headings and small text
Diffstat (limited to 'docs/content')
| -rw-r--r-- | docs/content/typography.md | 42 |
1 files changed, 8 insertions, 34 deletions
diff --git a/docs/content/typography.md b/docs/content/typography.md index 2434a7328..0b8949d66 100644 --- a/docs/content/typography.md +++ b/docs/content/typography.md @@ -66,41 +66,16 @@ All HTML headings, `<h1>` through `<h6>`, are available. `.h1` through `.h6` cla <h6>h6. Bootstrap heading</h6> {% endhighlight %} -Create lighter, secondary text in any heading with a generic `<small>` tag or the `.small` class. +### Customizing headings -<div class="bd-example bd-example-type"> - <table class="table"> - <tbody> - <tr> - <td><h1>h1. Bootstrap heading <small>Secondary text</small></h1></td> - </tr> - <tr> - <td><h2>h2. Bootstrap heading <small>Secondary text</small></h2></td> - </tr> - <tr> - <td><h3>h3. Bootstrap heading <small>Secondary text</small></h3></td> - </tr> - <tr> - <td><h4>h4. Bootstrap heading <small>Secondary text</small></h4></td> - </tr> - <tr> - <td><h5>h5. Bootstrap heading <small>Secondary text</small></h5></td> - </tr> - <tr> - <td><h6>h6. Bootstrap heading <small>Secondary text</small></h6></td> - </tr> - </tbody> - </table> -</div> +Use the included utility classes to recreate the small secondary heading text from Bootstrap 3. -{% highlight html %} -<h1>h1. Bootstrap heading <small>Secondary text</small></h1> -<h2>h2. Bootstrap heading <small>Secondary text</small></h2> -<h3>h3. Bootstrap heading <small>Secondary text</small></h3> -<h4>h4. Bootstrap heading <small>Secondary text</small></h4> -<h5>h5. Bootstrap heading <small>Secondary text</small></h5> -<h6>h6. Bootstrap heading <small>Secondary text</small></h6> -{% endhighlight %} +{% example html %} +<h3> + Fancy display heading + <small class="text-muted">With faded secondary text</small> +</h3> +{% endexample %} ## Display headings @@ -125,7 +100,6 @@ Traditional heading elements are designed to work best in the meat of your page </table> </div> - ## Lead Make a paragraph stand out by adding `.lead`. |