Bootstrap Typography

Bootstrap 4 typography utilities control headings, display text, alignment, font weight, italics and wrapping without custom CSS for common cases.

Headings and Display Text Top ↑

<h1>Heading 1</h1>
<p class="h3">Paragraph styled like H3</p>
<h1 class="display-4">Display 4</h1>
<p class="lead">Lead paragraph</p>

Alignment and Font Weight Top ↑

<p class="text-left">Left</p>
<p class="text-center">Center</p>
<p class="text-right">Right</p>

<p class="font-weight-bold">Bold</p>
<p class="font-weight-normal">Normal</p>
<p class="font-italic">Italic</p>

Responsive Text Alignment Top ↑

<p class="text-center text-md-left">
  Centered on small screens, left aligned from md upward.
</p>

Original Source Examples Retained for Migration Reference Top ↑

Original example 1

<p class='text-warning'><del>Text is deleted with class='text-warning'</del></p>

Original example 2

<p class='text-info'><i>Text is italic with class='text-info'</i></p>

Original example 3

<abbr title="HyperText Markup Language" >HTML</abbr> is language of the internet.

Original example 4

<blockquote class="blockquote">
  <p class="mb-1">You can learn JQuery from plus2net.com.</p>
</blockquote>

Original example 5

<blockquote class="blockquote text-center">
  <p class="mb-1">You can learn JQuery from plus2net.com.</p>
</blockquote>

Original example 6

<blockquote class="blockquote text-right">
  <p class="mb-1">You can learn JQuery from plus2net.com.</p>
</blockquote>

Original example 7

Use Script code <code>location.reload();</code>  to reload a page.

Original example 8

<pre>Line one
Line two
	Line three
Line four</pre>

Original example 9

<pre>
    A     A
     A   A
      A A
       A	
      A A
     A   A
    A     A
</pre>

Original example 10

<p class="display-1">Display 1</p>
<p class="display-2">Display 2</p>
<p class="display-3">Display 3</p>
<p class="display-4">Display 4</p>

Additional Original Learning Routes Top ↑

• ../html_tutorial/font-tag.php
• bs-alert.php
• bs-font-colour.php

Subhendu Mohapatra

Author & Instructor at plus2net

I write and maintain practical tutorials on Python, PHP, SQL, JavaScript, HTML, jQuery, and web development at plus2net. The tutorials focus on clear explanations, working examples, and code that readers can test and adapt while learning.

About the author   Watch on YouTube

Connect: