Typography

Home
>
Elements
>
Typography

Bootstrap Typography

This theme uses Bootstrap, so you can use all bootstrap typography, Bootstrap includes simple and easily customized typography for headings, body text, lists, and more. Go to Bootstrap Typography Go to Bootstrap Text Utilities

Headings

All HTML headings, h1 through h6, are available. .h1 through .h6 classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element.

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading

h6. Bootstrap heading

Display Headings

Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style.

Display 1 is too large, so we do not show it out here.

Display 2

Display 3

Display 4

Inline text elements

You can use the mark tag to highlight text.

~~This line of text is meant to be treated as deleted text.~~

~~This line of text is meant to be treated as no longer accurate.~~

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

Text utilities

Lowercased text.

Uppercased text.

CapiTaliZed text.

Bold text.

Normal weight text.

Italic text.

Right aligned text on all viewport sizes.

Center aligned text on all viewport sizes.

Left aligned text on all viewport sizes.

DROPCAPS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tum Triarius: Posthac quidem, inquit, audacius. Laelius clamores sofòw ille so lebat Edere compellans gumias ex ordine nostros. Haec et tu ita posuisti, et verba vestra sunt. Respondent extrema primis, media utrisque, omnia omnibus.

Ut in geometria, prima si dederis, danda sunt omnia. Suo genere perveniant ad extremum; Propter nos enim illam, non propter eam nosmet ipsos diligimus. Itaque primos congressus copulationesque et consuetudinum instituendarum voluntates fieri propter voluptatem;

BLOCKQUOTES

Quae in geometria, prima si dederis, danda sunt omnia. Suo genere perveniant ad extremum; Propter nos enim illam, non propter eam nosmet ipsos diligimus. Itaque primos congressus copulationesque et consuetudinum instituendarum voluntates fieri propter voluptatem.

Lists

Here are native list styles, go to Lists and Icons page to check customized list styles out.

LIST UNSTYLED

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
Eget porttitor lorem

LIST STYLE SQUARE

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
Eget porttitor lorem

LIST STYLE CIRCLE

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
Eget porttitor lorem

LIST STYLE DISC

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
Eget porttitor lorem