bootstrap
  1. bootstrap-other-typography
PreviousNext

Bootstrap Other Typography

Bootstrap provides a variety of typography-related classes that you can use to style your content and make it more appealing.

Syntax

Here are some common typography-related classes in Bootstrap:

  • lead: increases the font size and adds extra spacing to create a lead paragraph.
  • display-1 to display-4: increases font size significantly to create headings that grab attention.
  • text-justify, text-left, text-right, text-center: aligns text as desired.
  • text-lowercase, text-uppercase, text-capitalize: transforms text to lowercase, uppercase, or capitalize as required.
  • font-weight-bold: makes the text bold.
  • font-italic: makes the text italic.
  • small: makes the text small.

Example

Here is an example of how to use some of these classes

<p class="lead">This is a lead paragraph.</p>
<h1 class="display-3">Heading 1</h1>
<p class="text-justify">This is some justified text.</p>
<p class="text-uppercase">This is some uppercase text.</p>
<p class="font-weight-bold">This is some bold text.</p>
<p class="font-italic">This is some italic text.</p>
<small>This is some small text.</small>
Try Playground

Explanation

The classes listed above give you control over font size, alignment, transformation, and emphasis of the text you would like to style.

Use

You can use these typography-related classes to create hierarchy and clarity to the text on your website. You can also improve the visual appeal by formatting text in a more effective and readable way using different classes.

Important Points

  • Bootstrap provides a variety of classes for styling typography.
  • You can control font size, alignment, transformation, and emphasis of your text using typography-related classes.
  • Effective and readable typography is essential for the overall visual appeal of your website.

Summary

Bootstrap offers many classes to style typography on your website. You can use them to give hierarchy and clarity to your text, and you can improve the visual appeal of your website by formatting your text effectively.

DisplaysImages
Published on: