<body>
element and all paragraphs (<p>
).<p>
elements have a bottom margin that equals half their computed line-height (10px by default).<h1>
to <h6>
) in the following way:<small>
element is used to create a lighter, secondary text in any heading:<mark>
element in the following way:<abbr>
element in the following way:<blockquote>
element in the following way:<dl>
element in the following way:<code>
element in the following way:span
, section
, and div
defines a section in a document.<kbd>
element in the following way:<pre>
element in the following way:.text-muted
, .text-primary
, .text-success
, .text-info
, .text-warning
, and .text-danger
:.bg-primary
, .bg-success
, .bg-info
, .bg-warning
, and .bg-danger
:Class | Description | Example |
---|---|---|
.lead | Makes a paragraph stand out | Try it |
.small | Indicates smaller text (set to 85% of the size of the parent) | Try it |
.text-left | Indicates left-aligned text | Try it |
.text-center | Indicates center-aligned text | Try it |
.text-right | Indicates right-aligned text | Try it |
.text-justify | Indicates justified text | Try it |
.text-nowrap | Indicates no wrap text | Try it |
.text-lowercase | Indicates lowercased text | Try it |
.text-uppercase | Indicates uppercased text | Try it |
.text-capitalize | Indicates capitalized text | Try it |
.initialism | Displays the text inside an <abbr> element in a slightly smaller font size | Try it |
.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) | Try it |
.list-inline | Places all list items on a single line | Try it |
.dl-horizontal | Lines up the terms (<dt> ) and descriptions (<dd> ) in <dl> elements side-by-side. Starts off like default <dl> s, but when the browser window expands, it will line up side-by-side | Try it |
.pre-scrollable | Makes a <pre> element scrollable | Try it |