H1 heading style
H2 heading style
H3 heading style
H4 heading style
H5 heading style
H6 heading style
Paragraph
Paragraph text style using most of its style from the body tag style definition in style.css. Have margin bottom of 20px and no padding from any side.
Blockquote
Blockquote style have a p tag to add in your content, have border at the left which can be style in style.css. Cite tag can be used to add in a name or blockquote footer.
Author name here
Labels
Primary label style using class label-primary.
Danger label style using class label-danger.
Info label style using class label-info.
Success label style using class label-success.
Warning label style using class label-warning.
Dropcaps
Vestige offers 2 stye of Dropcaps text. Classes are drop-caps and drop-caps secondary. This will target the first chracter of the first work in any paragraph text.
Vestige offers 2 stye of Dropcaps text. Classes are drop-caps and drop-caps secondary. This will target the first chracter of the first work in any paragraph text.
Lists
Unordered List
- Unordered list
- Default style
- No class needed for this
- Just plain ul and li tags
-
Here goes a nested unordered list
- This is slightly inside
- of the main list
- This have a different style of bullets
- Can be styled from style.css
- Some closing list items
- Some closing list items
- Some closing list items
Description List
- Description lists
- A description list is perfect for defining terms.
- Description lists
- A description list is perfect for defining terms.
- Description lists
- A description list is perfect for defining terms.
Ordered List
- Ordered list
- Default style
- No class needed for this
- Just plain ol and li tags
- Some closing list items
- Some closing list items
- Some closing list items
Icons List
- Icon list item with class "angles" having font awesome icon
- Another Icon list item with class "angles" having font awesome icon
- Icon list item with class "checks" having font awesome icon
- Another Icon list item with class "checks" having font awesome icon
- Icon list item with class "carets" having font awesome icon
- Another Icon list item with class "carets" having font awesome icon
- Icon list item with class "chevrons" having font awesome icon
- Another Icon list item with class "chevrons" having font awesome icon
Inline
- Inline list item
- using display inline-block style
- Class used in ul is "inline"
Code
Inline
For example, <section>
should be wrapped as
inline.
Basic Block
<p>Sample text here...</p>
Tables
Striped
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
Bordered
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |