Text
Text Alignment
Text Alignment is an effective web design principle which allows us to make
conscious decisions about how and where elements are placed on the page.
Scratch
Scratch
Scratch
<h1 class="text-left">Scratch</h1>
<h1 class="text-center">Scratch</h1>
<h1 class="text-right">Scratch</h1>
Instead of creating another class you can use text-left
, text-center , text-right to
align text in your
webpage.
You can also use text-decoration-none
to remove the
underline from the anchor links.
<a class="text-decoration-none"><h2 class="text-left">Scratch</h2></a>
Font Weight
Quickly change the weight (boldness) of text.
Bolder (relative to parent element).
Bold
Light
Lighter (relative to parent element).
<h2 class="font-weight-bolder">Bolder (relative to parent element).</h1>
<h2 class="font-weight-bold">Bold</h1>
<h2 class="font-weight-light">Light</h1>
<h2 class="font-weight-lighter">Lighter (relative to parent element).</h1>
