0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-06 04:08:22 +01:00

Fixes #18492: Document .h1-.h6, change docs mention of inline usage to varying elements

This commit is contained in:
Mark Otto 2016-05-08 15:13:53 -07:00
parent fea7feb9e4
commit b479efb9d6

View File

@ -24,7 +24,7 @@ These styles can be found within `_reboot.scss`, and the global variables are de
## Headings ## Headings
All HTML headings, `<h1>` through `<h6>`, are available. `.h1` through `.h6` classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline. All HTML headings, `<h1>` through `<h6>`, are available.
<div class="bd-example bd-example-type"> <div class="bd-example bd-example-type">
<table class="table"> <table class="table">
@ -66,6 +66,17 @@ All HTML headings, `<h1>` through `<h6>`, are available. `.h1` through `.h6` cla
<h6>h6. Bootstrap heading</h6> <h6>h6. Bootstrap heading</h6>
{% endhighlight %} {% endhighlight %}
`.h1` through `.h6` classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element.
{% example html %}
<p class="h1">h1. Bootstrap heading</p>
<p class="h2">h2. Bootstrap heading</p>
<p class="h3">h3. Bootstrap heading</p>
<p class="h4">h4. Bootstrap heading</p>
<p class="h5">h5. Bootstrap heading</p>
<p class="h6">h6. Bootstrap heading</p>
{% endexample %}
### Customizing headings ### Customizing headings
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.