Bootstrap CSS Typography Reference
Bootstrap's Default Settings
Bootstrap's global default font-size is 14px, with a line-height of 1.428.
This is applied to the <body> and all paragraphs.
In addition, all <p> elements have a bottom margin that equals half their computed line-height (10px by default).
Typography
The elements below are HTML elements that will be styled a little bit differently by Bootstrap than browser defaults. Look at the "Try it" examples to see the result/differences.
The classes below is used to style the elements further.
| Element/Class | Description | Example |
|---|---|---|
| <h1> - <h6> or .h1 - .h6 |
h1 - h6 headings | Try it |
| <small> | Creates a lighter, secondary text in any heading
Heading (secondary text) |
Try it |
| .small | Indicates smaller text (set to 85% of the size of the parent): Smaller text | Try it |
| .lead | Makes a text stand out: Stand out text | Try it |
| <mark> or .mark |
Highlights text: Highlighted text | Try it |
| <del> | Indicates deleted text: |
Try it |
| <s> | Indicates no longer relevant text: |
Try it |
| <ins> | Indicates inserted text:
|