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
still want your text to be displayed inline.
Create lighter, secondary text in any heading with a generic
<small>
tag or the
.small
class.
Make a paragraph stand out by adding
.lead
.
Your title goes here
For highlighting a run of text due to its relevance in another context, use the
<mark>
tag.
For indicating blocks of text that have been deleted use the
<del>
tag.
For indicating additions to the document use the
<ins>
tag.
For emphasizing a snippet of text with a heavier font-weight.
<strong>
For emphasizing a snippet of text with italics.
<em>
Use classes
.text-custom
,
.text-primary
etc. to highlight text
Etiam porta sem malesuada magna mollis euismod.
Donec ullamcorper nulla non metus auctor fringilla.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Nullam id dolor id nibh ultricies vehicula ut id elit.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
Maecenas sed diam eget risus varius blandit sit amet non magna.
Etiam porta sem malesuada magna mollis euismod.
Donec ullamcorper nulla non metus auctor fringilla.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Present contact information for the nearest ancestor or the entire body of work. Preserve formatting
by ending all lines with
<br>
.
Add a
<footer>
for identifying the source. Wrap the name of the source work in
<cite>
.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Add
.blockquote-reverse
for a blockquote with right-aligned content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
A list of items in which the order does not explicitly matter.
A list of items in which the order does explicitly matter.
Remove the default
list-style
and left margin
on list items (immediate children only). This only applies to immediate children
list items, meaning you will need to add the class for any nested lists as well.
Place all list items on a single line with
display: inline-block;
and some light padding.
A list of terms with their associated descriptions
Make terms and descriptions in
<dl>
line up side-by-
side. Starts off stacked like default
<dl>
s, but when the navbar expands, so do these.
Use the class .dropcap let the first letter drop down of content texts.
Dorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, illo, iste itaque voluptas corrupti ratione reprehenderit magni similique? Tempore, quos delectus asperiores libero voluptas quod perferendis! Voluptate, quod illo rerum? Lorem ipsum dolor sit amet.
Dorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, illo, iste itaque voluptas corrupti ratione reprehenderit magni similique? Tempore, quos delectus asperiores libero voluptas quod perferendis! Voluptate, quod illo rerum? Lorem ipsum dolor sit amet.
Use <pre> for multiple lines of code. Be sure to escape any angle brackets in
the code for proper rendering.
<p>Sample text here...</p>
