Headings

<h1>h1 Heading</h1>
<h2>h2 Heading</h2>
<h3>h3 Heading</h3>
<h4>h4 Heading</h4>
<h5>h5 Heading</h5>
<h6>h6 Heading</h6>

<p class="h1">h1 Heading</p>
<p class="h2">h2 Heading</p>
<p class="h3">h3 Heading</p>
<p class="h4">h4 Heading</p>
<p class="h5">h5 Heading</p>
<p class="h6">h6 Heading</p>

Make a "sub-heading" with the small tag or the .small class.

<h3>
    Main heading
    <small class="text-muted">A sub-heading</small>
</h3>

Display headings

<h1 class="display-1">Display 1</h1>
<h1 class="display-2">Display 2</h1>
<h1 class="display-3">Display 3</h1>
<h1 class="display-4">Display 4</h1>
<h1 class="display-5">Display 5</h1>
<h1 class="display-6">Display 6</h1>

Lead

Make a paragraph stand out by adding .lead.

<p class="lead">...</p>

Inline text-elements

Styling for common inline HTML5 elements.

<p>You can use the mark tag to <mark>highlight</mark> text.</p>
<p><del>This line of text is meant to be treated as deleted text.</del></p>
<p><s>This line of text is meant to be treated as no longer accurate.</s></p>
<p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
<p><u>This line of text will render as underlined.</u></p>
<p><small>This line of text is meant to be treated as fine print.</small></p>
<p><strong>This line rendered as bold text.</strong></p>
<p><em>This line rendered as italicized text.</em></p>

If you want to style your text, you should use the following classes instead:

• .mark will apply the same styles as <mark>.
• .small will apply the same styles as <small>.
• .text-decoration-underline will apply the same styles as <u>.
• .text-decoration-line-through will apply the same styles as <s>.

Abbreviations

Stylized implementation of HTML’s <abbr> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations have a default underline and gain a help cursor to provide additional context on hover and to users of assistive technologies.

Add .initialism to an abbreviation for a slightly smaller font-size.

<p><abbr title="attribute">attr</abbr></p>
<p><abbr title="HyperText Markup Language" class="initialism">HTML</abbr></p>

Lists, unstyled

<ul class="list-unstyled">
    <li>List item 1</li>
    <li>List item 2</li>
    <ul>
        <li>List item 3</li>
        <li>List item 4</li>
    </ul>
    <li>List item 5</li>
    <li>List item 6</li>
</ul>

Lists, inline

<ul class="list-inline">
    <li class="list-inline-item">List item 1</li>
    <li class="list-inline-item">List item 2</li>
    <li class="list-inline-item">List item 3</li>
    <li class="list-inline-item">List item 4</li>
</ul>

Description list

<dl class="row">
    <dt class="col-sm-3">Description lists</dt>
    <dd class="col-sm-9">A description list is perfect for defining terms.</dd>

    <dt class="col-sm-3">Euismod</dt>
    <dd class="col-sm-9">
        <p>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</p>
        <p>Donec id elit non mi porta gravida at eget metus.</p>
    </dd>

    <dt class="col-sm-3">Malesuada porta</dt>
    <dd class="col-sm-9">Etiam porta sem malesuada magna mollis euismod.</dd>

    <dt class="col-sm-3 text-truncate">Truncated term is truncated</dt>
    <dd class="col-sm-9">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</dd>

    <dt class="col-sm-3">Nesting</dt>
    <dd class="col-sm-9">
        <dl class="row">
            <dt class="col-sm-4">Nested definition list</dt>
            <dd class="col-sm-8">Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.</dd>
        </dl>
    </dd>
</dl>