Set font-weight using Bootstrap classes

I found this on the Bootstrap website, but it really isn't a Bootstrap class, it's just HTML.

<strong>rendered as bold text</strong>

In Bootstrap 4, class="font-weight-bold" is what you are looking for.

For other styles, there is text-weight-normal and text-italic classes.

In Bootstrap 4:

class="font-weight-bold"

Or:

<strong>text</strong>

Create in your Site.css (or in another place) a new class named for example .font-bold and set it to your element

.font-bold {
  font-weight: bold;
}

On Bootstrap 4 you can use:

<p class="font-weight-bold">Bold text.</p>
<p class="font-weight-normal">Normal weight text.</p>
<p class="font-weight-light">Light weight text.</p>

Related