Bootstrap Typography Classes

Default Settings

Bootstrap's global default font-size is 14px, with a line-height of 1.428. This is applied to the <body> and all paragraphs. In addition, all <p> elements have a bottom margin that equals half their computed line-height (10px by default).

Bootstrap uses Helvetica Neue, Helvetica, Arial, and sans-serif as default font.

All HTML headings (h1 to h6) are styled in Bootstrap.

Typography Classes

.lead

Makes a paragraph stand out

.small

Indicates smaller text (set to 85% of the size of the parent)

.text-left

Indicates left-aligned text

.text-center

Indicates center-aligned text

.text-right

Indicates right-aligned text

.text-justify

Indicates justified text

.text-nowrap

Indicates no wrap text

.text-lowercase

Indicates lowercased text

.text-uppercase

Indicates uppercased text

.text-capitalize

Indicates capitalized text

.list-unstyled

Removes the default list-style and left margin on list items (works on both <ul> and <ol>). This class only applies to immediate children list items (to remove the default list-style from any nested lists, apply this class to any nested lists as well)

.list-inline

Places all list items on a single line

.dl-horizontal

Lines up the terms (<dt>) and descriptions (<dd>) in <dl> elements side-by-side.

.pre-scrollable

Makes a <pre> element scrollable