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 is used if you want to make a paragraph of text stand out. It will increase the font size by 25% and set the font-weight of the text to light or 300. It's easy to add, as the following code shows:

<p class="lead"> 
here's some text with the .lead class to make this paragraph look...