Bootstrap-5 Crashcourse
Alignment-Colors-Backgrounds-Buttons-Margin+Padding-Borders-Shadows-Fonts
Headings
Display 1 heading
Display 2 heading
Display 6 heading
P class Display-1 heading
Text Alignment
And I am an usual small text
Lorem Ipsum Blabla bla
Lorem Ipsum Blabla bla
Centered Text
Text aligned right
Text with a class "lead"
Hello underlined Ninjas
Hello deleted Ninjas
Hey I am fw-bold text
Text Colors
BLUE Theme primary color
GREY Theme secondary color
TURQUISE Theme text-info color
YELLOW Theme warning color
GREEN Theme success color
RED Theme danger color
GREYISH Theme muted color
Background colors
White text on primary background
White text on secondary background
White text on danger background
White text on BLACK background
Basic Buttons
Link as buttons
Info anchor tag
Success anchor tag
Button sizes
Outline Buttons
Margin and padding
small margin and padding
large margin and padding
margin in y direction, padding in z direction
m & p for each direction
Borders
default border
individual borders
Border success, color left side
Thick red Border left
Rounded corners border
Rounded Border
Rounded Yellow Background
Box shadow
Element w. small box shadow p&m of 3
Element w. medium box shadow p&m of 4
Element w. large box shadow maximum p&m
Font weight
bold text
more bold text
normal text
light text
italic text
italic light text