Typography

  1. Home
  2. Typography
Heading

h1. heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque dolores quidem qui aspernatur ipsum accusantium fugiat soluta commodi esse.

h2. heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque dolores quidem qui aspernatur ipsum accusantium fugiat soluta commodi esse.

h3. heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque dolores quidem qui aspernatur ipsum accusantium fugiat soluta commodi esse.

h4. heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque dolores quidem qui aspernatur ipsum accusantium fugiat soluta commodi esse.

h5. heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque dolores quidem qui aspernatur ipsum accusantium fugiat soluta commodi esse.

h6. heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque dolores quidem qui aspernatur ipsum accusantium fugiat soluta commodi esse.

Marked text

You can use the mark tag to highlight text.

Deleted text
This line of text is meant to be treated as deleted text.
Strikethrough text
This line of text is meant to be treated as no longer accurate.
Underlined text
This line of text will render as underlined
Text Color

.text-primary

.text-secondary

.text-success

.text-danger

.text-warning

.text-info

.text-light

.text-dark

.text-muted

.text-white

Display headings

Display 1

Display 2

Display 3

Display 4

Contextual variations
Primary Secondary Success Danger Warning Info Light Dark
Pill badges
Primary Secondary Success Danger Warning Info Light Dark
Links
Primary Secondary Success Danger Warning Info Light Dark
Badges
Background color
.bg-primary
.bg-secondary
.bg-success
.bg-danger
.bg-warning
.bg-info
.bg-light
.bg-dark
.bg-white