Typography
Paragraph styles
Default paragraph
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Light paragraph
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Semibold paragraph
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Bold paragraph
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Heading styles
Light headings
H1 Heading (25px)
H2 Heading (23px)
H3 Heading (21px)
H4 Heading (19px)
h4 Heading (17px)
H6 Heading (15px)
Regular headings
H1 Heading (25px)
H2 Heading (23px)
H3 Heading (21px)
H4 Heading (19px)
h4 Heading (17px)
H6 Heading (15px)
Semibold headings
H1 Heading (25px)
H2 Heading (23px)
H3 Heading (21px)
H4 Heading (19px)
h4 Heading (17px)
H6 Heading (15px)
Bold headings
H1 Heading (25px)
H2 Heading (23px)
H3 Heading (21px)
H4 Heading (19px)
h4 Heading (17px)
H6 Heading (15px)
Heading elements
Left icon Left positioned heading icon
Right inline icon Right inline icon position
Right floating icon Right floating icon
New Left label Left positioned heading label
Right inline label New Right inline heading label
Right floating label New Right floating heading label
18 Left badge Left positioned heading badge
Right inline badge 18 Right inline heading badge
Right floating badge 18 Right floating heading badge
List options
Default unordered list
- Lorem ipsum dolor sit amet
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Faucibus porta lacus fringilla
- Aenean sit amet erat nunc
Square list type
- Lorem ipsum dolor sit amet
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Faucibus porta lacus fringilla
- Aenean sit amet erat nunc
Default ordered list
- Lorem ipsum dolor sit amet
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Faucibus porta lacus fringilla
- Aenean sit amet erat nunc
List with icons
Inline list options
Default inline list
- 1. First item
- 2. Second item
- 3. Third item
Condensed inline list
- 1. First item
- 2. Second item
- 3. Third item
Separated inline list
- First item
- Second item
- Third item
Description lists
Vertical description list
- Lorem ipsum dolor
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
- Aenean massa
- Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
- Donec quam felis
- Ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Horizontal description list
- Lorem ipsum dolor
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
- Aenean massa
- Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
- Donec quam felis
- Ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
- Felis euismod semper eget lacinia
- Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
Blockquote options
Left blockquote
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Right blockquote
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Left blockquote with image
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Right blockquote with image
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Well blocks
Large well block
Look, I'm in a large
well block!
Default well block
Look, I'm in a
well block!
Small well block
Look, I'm in a small
well block!
White well block
Look, I'm in a
white well block!
Optional border
Look, I'm in a
bordered well block!
Solid color wells
Look, I'm in a
.bg-info well block!