mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-09-25 21:09:06 +02:00
Code Issues Releases Wiki Activity

introduce display heading classes

Browse Source
This commit is contained in:
Mark Otto
2015-08-09 21:17:27 -07:00
parent 44fe355ec2
commit 7a50a2cbe8
23 changed files with 148 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
docs/components/typography.md
View File

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