Aloha

I am h1 with h1 class!

I am h1 with h4 class!

I am h1 with h6 class!

display-1

display-4

display-6

normal p: Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate, delectus.

lead: Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate, delectus.

text-center

text-start

text-end

class="text-decoration-line-through"

class="text-decoration-underline"

class="fw-lighter"

class="fw-light"

class="fw-normal"

class="fw-medium"

class="fw-semibold"

class="fw-bold"

class="fw-bolder"

text-primary bg-dark

text-secondary bg-light

text-success bg-info

text-danger bg-warning

text-warning bg-danger

text-info bg-success

text-light bg-secondary

text-dark bg-primary

buttons with btn class:

a with btn class:

None btn-primary btn-secondary btn-success btn-danger btn-warning btn-info btn-light btn-dark
btn btn-danger btn-lg btn btn-danger btn btn-danger btn-sm
btn btn-lg btn-outline-primary btn btn-lg btn-outline-primary

btn-group:

p-5 m-1
p-1 m-5
pt-5 pe-5 pb-3 ps-3
border
border-start border-4 border-warning
p-3 m-3 border border-info text-success rounded
p-3 m-3 rounded-pill border border-5 border-warning bg-info text-dark
shadow-lg
shadow
shadow-sm

540px - container

Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo totam illum minus quidem sint deleniti non quaerat debitis repellat ab, quasi sit officiis quas delectus quam! Ea odit impedit molestias.

720px - container-md

Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo totam illum minus quidem sint deleniti non quaerat debitis repellat ab, quasi sit officiis quas delectus quam! Ea odit impedit molestias.

1140px - container-xl

Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo totam illum minus quidem sint deleniti non quaerat debitis repellat ab, quasi sit officiis quas delectus quam! Ea odit impedit molestias.

100% - container-fluid

Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo totam illum minus quidem sint deleniti non quaerat debitis repellat ab, quasi sit officiis quas delectus quam! Ea odit impedit molestias.

col
col
col
col-2
col-6
col-4
col-sm-4 col-lg-3
col-sm-4 col-lg-2
col-sm-4 col-lg-7
col
col
col
Aloha!
Lorem ipsum dolor sit amet consectetur adipisicing elit.

This is the first item's accordion body.

This is the second item's accordion body.

This is the third item's accordion body.

This is the third item's accordion body.
doc-beginner 4
Example heading 100