If we want to style and format text, we can use Bootstrap’s text utility classes.
For instance, if we want our text to be bold, we could add a class of
"font-weight-bold" like so:
<p class="font-weight-bold"> This rendered text is bold. </p>
We can also combine Bootstrap classes for additional styling. Let’s say we wanted our text to also be uppercased. We would add
"text-uppercase" to the class attribute:
<p class="font-weight-bold text-uppercase"> This rendered text is both bold and uppercased. </p>
Let’s make use of these text utility classes!
<body>, there is an unstyled
<p> that we can practice styling on.
Let’s first make the
<p>‘s text entirely uppercased by assigning it a class of
We should add one more class to practice our documentation reading skills.
Browse Bootstrap’s documentation to find the utility class that will right align the
<p> element’s text.