O'Reilly logo

Learning Bootstrap 4 - Second Edition by Matt Lambert

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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:

Customizing headings

Using the lead class

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

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required