diff options
| author | Thomas McDonald <[email protected]> | 2015-08-09 23:33:52 -0700 |
|---|---|---|
| committer | Thomas McDonald <[email protected]> | 2015-08-09 23:33:52 -0700 |
| commit | b84bb4e218892a45c2c27a861da73900971b17a1 (patch) | |
| tree | b010ad9748480e6b80284051f1a5d9548c51634b /docs/components/typography.md | |
| parent | 0ef0825d013dedd5f7c0e8acb8a23d033bf56be0 (diff) | |
| parent | 317c667d1c0d1d0984d863d9d4baad9e1a25b1c6 (diff) | |
| download | bootstrap-b84bb4e218892a45c2c27a861da73900971b17a1.tar.xz bootstrap-b84bb4e218892a45c2c27a861da73900971b17a1.zip | |
Merge branch 'v4' into force-expanded
Diffstat (limited to 'docs/components/typography.md')
| -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`. |