<h1/>, <h2/>, <h3/>, <h4/>, <h5/>, <h6/><h6> Strong Heading Normal Heading Small Heading<h5> Strong Heading Normal Heading Small Heading<h4> Strong Heading Normal Heading Small Heading<h3> Strong Heading Normal Heading Small Heading<h2> Strong Heading Normal Heading Small Heading<h1> Strong Heading Normal Heading Small Heading<small>and <strong>tags..bordered, .bordered-dark, .bordered-dotted, .bordered-dotted-dark, .bordered-dashedor .bordered-dashed-dark<small/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit.
.to-left, .to-center, .to-right, .to-justifyor .to-nowrapLefttext alignment Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper..to-left
Centertext alignment Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper..to-center
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper..to-right Righttext alignment
Justifiedtext alignment Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis neque vel augue pretium, et blandit diam porttitor. Pellentesque at..to-justify
No wraptext alignment Lorem ipsum dolor sit amet, consectetur adipiscing elit..to-nowrap
<code/>and <mark/><code/> This is code example<mark/> This is marked text example.light, .normal, .boldor .extra-bold.lightLight font example
.boldBold font example
.normalNormal font example
.extra-boldExtra-bold font example
.fw-300300 Font Weight font example
.fw-400400 Font Weight font example
.fw-600600 Font Weight font example
.fw-700700 Font Weight font example
.fw-800800 Font Weight font example
.uppercase.lowercase.capitalize.small-caps.lowercaselowercase example
.capitalizecapitalize example
.uppercaseuppercase example
.small-capsSmall caps example
.italic, .unselectableor tags: <u/>, <ins/>, <s/>or <del/>.italicItalic font example
.unselectableUnselectable text example
<del/>Deleted text example
<s/>Strikethrough text example
<u/>Underlined text example
<ins/>Inserted text example
Is a large dropped initial capital letter. Can be used to begin a document or a chapter, or to add interest to a newsletter or invitation. To drop the initial capital letter use the class .dropcap.
All boostrap colors .dropcap-primary.dropcap-info ... and their light and dark version .dropcap-warning-light.dropcap-warning-dark ...
All theme colors .dropcap-sky ... and their light version .dropcap-sky-light ...
Example: .dropcap-success, .dropcap-success-lightand .dropcap-success-dark
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper.
Example: .dropcap-greenand .dropcap-green-light
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis neque vel augue pretium, et blandit diam porttitor. Pellentesque at ligula ipsum. Vivamus faucibus nec felis a efficitur. Nam eu dui pellentesque, sagittis magna et, dapibus nulla. Maecenas congue sodales.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis neque vel augue pretium, et blandit diam porttitor. Pellentesque at ligula ipsum. Vivamus faucibus nec felis a efficitur. Nam eu dui pellentesque, sagittis magna et, dapibus nulla. Maecenas congue sodales.
A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation. (Wikipedia)
Define block quotes using<blockquote>tag. Add add footer defining <footer>child.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit.
<abbr>tag defines an abbreviation or an acronym, like "Mr.", "Jan.", "WWW"...An abbreviation of the word WWW.
dltag to define description list.dltag with .dl-horizontalclass.Create a list with <ul>tag.
Create an ordered list with <ol>tag.
Create an ordered list with <ol>tag and add type="I"attribute.
.non-styled-listclass.Create a list with .inline-listclass.
Create a list with .faw-listclass and a fontawesome icon inside <li>tag.
Default color.color-default
Default color light.color-default-light
Default color dark.color-default-dark
Info color.color-info
Info color light.color-info-light
Info color dark.color-info-dark
Primary color.color-primary
Primary color light.color-primary-light
Primary color dark.color-primary-dark
Success color.color-success
Success color light.color-success-light
Success color dark.color-success-dark
Danger color.color-danger
Danger color light.color-danger-light
Danger color dark.color-danger-dark
Warning color.color-warning
Warning color light.color-warning-light
Warning color dark.color-warning-dark
Default color.color-default-t
Default color light.color-default-t-light
Default color dark.color-default-t-dark
White color.color-white
White color light.color-white-light
White color dark.color-white-dark
Navy color.color-navy
Navy color light.color-navy-light
Navy color dark.color-navy-dark
Sky color.color-sky
Sky color light.color-sky-light
Sky color dark.color-sky-dark
Lime color.color-lime
Lime color light.color-lime-light
Lime color dark.color-lime-dark
Dust color.color-dust
Dust color light.color-dust-light
Dust color dark.color-dust-dark
Green color.color-green
Green color light.color-green-light
Green color dark.color-green-dark
Orange color.color-orange
Orange color light.color-orange-light
Orange color dark.color-orange-dark
Yellow color.color-yellow
Yellow color light.color-yellow-light
Yellow color dark.color-yellow-dark
Red color.color-red
Red color light.color-red-light
Red color dark.color-red-dark
Chocolate color.color-chocolate
Chocolate color light.color-chocolate-light
Chocolate color dark.color-chocolate-dark
Dark color.color-dark
Dark color light.color-dark-light
Dark color dark.color-dark-dark