diff options
| author | Mark Otto <[email protected]> | 2015-08-09 21:17:27 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-08-09 21:17:27 -0700 |
| commit | 7a50a2cbe84e897ad427afdf63e12acbd75f4f8c (patch) | |
| tree | 47e789cd3b8bae840cb38cb1583381bcea0065e7 /docs/components | |
| parent | 44fe355ec252f0040fea9544600c15b7da431294 (diff) | |
| download | bootstrap-7a50a2cbe84e897ad427afdf63e12acbd75f4f8c.tar.xz bootstrap-7a50a2cbe84e897ad427afdf63e12acbd75f4f8c.zip | |
introduce display heading classes
Diffstat (limited to 'docs/components')
| -rw-r--r-- | docs/components/typography.md | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/docs/components/typography.md b/docs/components/typography.md index 0ad328377..faeb3f22d 100644 --- a/docs/components/typography.md +++ b/docs/components/typography.md @@ -102,6 +102,30 @@ Create lighter, secondary text in any heading with a generic `<small>` tag or th <h6>h6. Bootstrap heading <small>Secondary text</small></h6> {% endhighlight %} +## Display headings + +Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a **display heading**—a larger, slightly more opinionated heading style. + +<div class="bd-example bd-example-type"> + <table class="table"> + <tbody> + <tr> + <td><h1 class="display-4">Display 4</h1></td> + </tr> + <tr> + <td><h1 class="display-3">Display 3</h1></td> + </tr> + <tr> + <td><h1 class="display-2">Display 2</h1></td> + </tr> + <tr> + <td><h1 class="display-1">Display 1</h1></td> + </tr> + </tbody> + </table> +</div> + + ## Lead Make a paragraph stand out by adding `.lead`. |