Bootstrap 4 – Responsive Web Design

Customizing headings

You may want to add some additional context to your headers and you can easily do this with some included Bootstrap 4 utility classes. By using a contextual text class, you can tag on a description to a heading like this:

<h3> 
  This is the main title 
  <small class="text-muted">this is a description</small> 
</h3> 

As you can see, I've added a class of text-muted to a <small> tag that is nested within my header tag. This will style the descriptive part of the text a bit differently, which creates a nice looking effect:

Using the lead class

Another utility text class that has been added to Bootstrap 4 is the lead class. This class ...