Bold text

Bootstrap 5 Bold text component

Responsive Bold text built with Bootstrap 5. Learn how to create bold text in your web design with this easy-to-follow example and explanation.

Basic example

Quickly change the font-weight of text with these utilities. font-weight utilities are abbreviated as .fw-*.

Bold text.

Bolder weight text (relative to the parent element).

Normal weight text.

Light weight text.

Lighter weight text (relative to the parent element).

Edit in sandbox 
        
            
      <p class="fw-bold">Bold text.</p>
      <p class="fw-bolder">Bolder weight text (relative to the parent element).</p>
      <p class="fw-normal">Normal weight text.</p>
      <p class="fw-light">Light weight text.</p>
      <p class="fw-lighter">Lighter weight text (relative to the parent element).</p>