Typography
Clean looks with many elements to use!
Success Alert
Success
Settings updated!Info Alert
Info
Today is a nice day!Warning Alert
Warning
Just to be safe!Danger Alert
Error
Oh no! Update failed!Left Blockquote
This is a blockquote with source info
Someone famous Source Title
Right Blockquote
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. Proin ac 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 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. 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? 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? 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. Proin ac 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!
Labels and Badges
Labels
Badges
.badge
Badge 125
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
Default Description 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.
Horizontal Description 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.