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