Use different heading elements or bootstrap text utilities to change the size of the text.

Detailed documentation and more examples of text usage you can find in our Bootstrap Typography Docs.

Regular paragraph

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque architecto, consequuntur in omnis est repudiandae perspiciatis porro? Ut explicabo voluptatem, deleniti nostrum nam repellendus ipsam. Unde recusandae eum sint? Vel.

Paragraph with the .lead class

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque architecto, consequuntur in omnis est repudiandae perspiciatis porro? Ut explicabo voluptatem, deleniti nostrum nam repellendus ipsam. Unde recusandae eum sint? Vel.

Heading

All HTML headings, <h1> through <h6>, are available.

Heading Example

<h1></h1>

h1. Bootstrap heading

<h2></h2>

h2. Bootstrap heading

<h3></h3>

h3. Bootstrap heading

<h4></h4>

h4. Bootstrap heading

<h5></h5>
h5. Bootstrap heading

<h6></h6>
h6. Bootstrap heading

Heading classes

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

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading

h6. Bootstrap heading

Customizing headings

Fancy display heading With faded secondary text