Bootstrap Heading Class

In this article, I would like to discuss bootstrap heading class. Bootstrap heading classes allow us to display the content of an HTML tag as a heading. Bootstrap provides 6 different heading classes:

• h1: displays the content of an HTML tag as an HTML heading 1

  <p class="hi">Some text</p>

• h2: displays the content of an HTML tag as HTML heading 2

  <p class="h2">Some text</p>

• h3: displays the content of an HTML tag as HTML heading 3

  <p class="h3">Some text</p>

• h4: displays the content of an HTML tag as HTML heading 4

  <p class="h4">Some text</p>

• h5: displays the content of an HTML tag as HTML heading 5

  <p class="h5">Some text</p>

• h6: displays the content of an HTML tag as HTML heading 6

  <p class="h6">Some text</p>

Example Code

<p class="h1">Heading 1</p>
<h1>Heading 1</h1>

<p class="h2"> Heading 2</p>
<h2>Heading 2</h2>

<p class="h3"> Heading 3</p>
<h3>Heading 3</h3>

<p class="h4"> Heading 4</p>
<h4>Heading 4</h4>

<p class="h5"> Heading 5</p>
<h5>Heading 5</h5>

<p class="h6"> Heading 6</p>
<h6>Heading 6</h6>

Output:

Bootstrap classes can be used for all tags in HTML. So, Whenever we need to use HTML header tags instead ofwe can use Bootstrap header classes.