Extra text utilities

See Bootstrap docs

Gray colors

Text gray 100
Text gray 200
Text gray 300
Text gray 400
Text gray 500
Text gray 600
Text gray 700
Text gray 800
Text gray 900
<div class="text-gray-100">Text gray 100</div>
<div class="text-gray-200">Text gray 200</div>
<div class="text-gray-300">Text gray 300</div>
<div class="text-gray-400">Text gray 400</div>
<div class="text-gray-500">Text gray 500</div>
<div class="text-gray-600">Text gray 600</div>
<div class="text-gray-700">Text gray 700</div>
<div class="text-gray-800">Text gray 800</div>
<div class="text-gray-900">Text gray 900</div>

Text background clip .text-bg-clip

Michael Warner

<h1 class="display-4 font-weight-bolder text-bg-clip" style="background-image: url('../assets/img/unsplash/25.jpeg');">
  Michael Warner
</h1>

Sizes and helpers

Display 1
Display 2
Display 3
Display 4
H1 Heading
H2 Heading
H3 Heading
H4 Heading
H5 Heading
H6 Heading
Font size LARGE
Font size NORMAL
Font size SMALL
Font size EXTRA SMALL
Georgia Font
Merriweather Font
Text line through
Letter spacing large
Letter spacing extra large
Uppercase, bold, small with spacing
<div class="display-1">Display 1</div>
<div class="display-2">Display 2</div>
<div class="display-3">Display 3</div>
<div class="display-4">Display 4</div>

<div class="h1">H1 Heading</div>
<div class="h2">H2 Heading</div>
<div class="h3">H3 Heading</div>
<div class="h4">H4 Heading</div>
<div class="h5">H5 Heading</div>
<div class="h6">H6 Heading</div>

<div class="font-size-lg">Font size large</div>
<div class="font-size-normal">Font size normal</div>
<div class="font-size-sm">Font size small</div>
<div class="font-size-xs">Font size extra small</div>

<div class="font-georgia">Georgia Font</div>
<div class="font-merriweather">Merriweather Font</div>

<div class="text-decoration-line-through">Text line through</div>
<div class="letter-spacing-lg">Letter spacing large</div>
<div class="letter-spacing-xl">Letter spacing extra large</div>

<div class="text-uppercase-bold-sm">Uppercase, bold, small with spacing</div>