Typography
Clean looks with many elements to use!
SuccessAlert
Success
Settings updated!InfoAlert
Info
Today is a nice day!WarningAlert
Warning
Just to be safe!DangerAlert
Error
Oh no! Update failed!LeftBlockquote
This is a blockquote with source info
Someone famous Source Title
RightBlockquote
This is a blockquote pulled right
Someone famous Source Title
Headings
h1. Heading
h2. Heading
h3. Heading
h4. Heading
h5. Heading
h6. Heading
h1. Heading
h2. Heading
h3. Heading
h4. Heading
h5. Heading
h6. Heading
Text
Paragraphs
Lead paragraph! Summarize your content!
Donec lacinia venenatis metus at bibendum? In hac habitasse platea dictumst. Proinac nibh rutrum lectus rhoncus eleifend. Sed porttitor pretium venenatis. Suspendisse potenti. Aliquam quis ligula elit. Aliquam at orci ac neque semper dictum. Sed tincidunt scelerisque ligula, et facilisis nulla hendrerit non. Suspendisse potenti. Pellentesque non accumsan orci. Praesent at lacinia dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendreritnibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta. Integer fermentum tincidunt auctor. Vestibulum ullamcorper, odio sed rhoncus imperdiet, enim elit sollicitudin orci, eget dictum leo mi nec lectus. Nam commodo turpis id lectus scelerisque vulputate. Integer sed dolor erat. Fusce erat ipsum, varius vel euismod sed, tristique et lectus? Etiam egestas fringilla enim, id convallis lectus laoreet at. Fusce purus nisi, gravida sed consectetur ut, interdum quis nisi. Quisque egestas nisl id lectus facilisis scelerisque
Integer sed dolor erat. Fusce erat ipsum, varius vel euismod sed, tristique et lectus? Etiamegestas fringilla enim, id convallis lectus laoreet at. Fuscepurus nisi, gravida sed consectetur ut, interdum quis nisi. Quisque egestas nisl id lectus facilisis scelerisque? Proin rhoncus dui at ligula vestibulum ut facilisis ante sodales! Suspendisse potenti. Aliquam tincidunt sollicitudin sem nec ultrices. Sed at mi velit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta. Integer fermentum tincidunt auctor. Vestibulum ullamcorper, odio sed rhoncus imperdiet, enim elit sollicitudin orci, eget dictum leo mi nec lectus. Nam commodo turpis id lectus scelerisque vulputate.
Donec lacinia venenatis metus at bibendum? In hac habitasse platea dictumst. Proinac nibh rutrum lectus rhoncus eleifend. Sed porttitor pretium venenatis. Suspendisse potenti. Aliquam quis ligula elit. Aliquam at orci ac neque semper dictum. Sed tincidunt scelerisque ligula, et facilisis nulla hendrerit non. Suspendisse potenti. Pellentesque non accumsan orci. Praesent at lacinia dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Emphasis Text
.text-primary
|
Link- Primary Text |
.text-success
|
Link- Success Text |
.text-info
|
Link- Info Text |
.text-warning
|
Link- Warning Text |
.text-danger
|
Link- Danger Text |
.text-muted
|
Link- Muted Text |
Well Paragraph
Small Well.well.well-sm
Gives the paragraph an inset effect!
Normal Well.well
Gives the paragraph an inset effect!
Large Well.well.well-lg
Gives the paragraph an inset effect!
Labelsand Badges
Labels
Badges
.badge
Badge125
Ordered<ol>
- First item
- Second item
- Third item
- Sublist
- First subitem
- Second subitem
- Third subitem
- Another item
Unordered<ul>
- First item
- Second item
- Third item
- Sublist
- First subitem
- Second subitem
- Third subitem
- Another item
Icon.fa-ul
- First item
- Second item
- Third item
-
Sublist
- First subitem
- Second subitem
- Third subitem
- Another item
Unstyled.list-unstyled
- First item
- Second item
- Third item
- Sublist
- First subitem
- Second subitem
- Third subitem
- Another item
DefaultDescription List
- Description lists
- A description list is perfect for defining terms.
- Euismod
- Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
- Donec id elit non mi porta gravida at eget metus.
- Malesuada porta
- Etiam porta sem malesuada magna mollis euismod.
HorizontalDescription List
- Description lists
- A description list is perfect for defining terms.
- Euismod
- Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
- Donec id elit non mi porta gravida at eget metus.
- Malesuada porta
- Etiam porta sem malesuada magna mollis euismod.