Headings

This is an H1 heading

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

This is an H2 heading

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

This is an H3 heading

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

This is an H4 heading

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

This is an H5 heading

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

This is an H6 heading

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

Text Quotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

John Doe

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

John Doe

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

John Doe

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

John Doe

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

John Doe

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

John Doe

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

John Doe

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

John Doe
Address Formatting
YourCo
123 Some str, Nth drive
New York, 12345 NY
P:(123) 456-7890
Full Name
mail@site.com
HTML Code

<div class="bs-component">
  <ol class="pl15">
    <li>Nam liber tempor cum soluta</li>
    <li>Nam liber tempor cum soluta</li>
    <li>Nam liber tempor cum soluta</li>
    <li>Nam liber tempor cum soluta</li>
    <li>Nam liber tempor cum soluta
  <ul>
    <li>Nam liber tempor cum soluta</li>
    <li>Nam liber tempor cum soluta</li>
    <li>Nam liber tempor cum soluta</li>
    <li>Nam liber tempor cum soluta</li>
  </ul>
  </li>
    <li>Nam liber tempor cum soluta</li>
    <li>Nam liber tempor cum soluta</li>
    <li>Nam liber tempor cum soluta</li>
  </ol>
</div>
                          
Icon List
  • Nam liber tempor cum soluta
  • Nam liber tempor cum soluta
  • Nam liber tempor cum soluta
    • Nam liber tempor cum soluta
    • Nam liber tempor cum soluta
    • Nam liber tempor cum soluta
  • Nam liber tempor cum soluta
  • Nam liber tempor cum soluta
Unstyled List
  • Nam liber tempor cum soluta
  • Nam liber tempor cum soluta
  • Nam liber tempor cum soluta
    • Nam liber tempor cum soluta
    • Nam liber tempor cum soluta
    • Nam liber tempor cum soluta
  • Nam liber tempor cum soluta
  • Nam liber tempor cum soluta
Regular List
  • Nam liber tempor cum soluta
  • Nam liber tempor cum soluta
  • Nam liber tempor cum soluta
    • Nam liber tempor cum soluta
    • Nam liber tempor cum soluta
  • Nam liber tempor cum soluta
  • Nam liber tempor cum soluta
Numbered List
  1. Nam liber tempor cum soluta
  2. Nam liber tempor cum soluta
  3. Nam liber tempor cum soluta
    • Nam liber tempor cum soluta
    • Nam liber tempor cum soluta
  4. Nam liber tempor cum soluta
  5. Nam liber tempor cum soluta
Horizontal List

To create horizontal list simply add class <dl-horizontal> to your dl.

Description list
Nam liber tempor cum soluta.
Nobis
Eleifend option congue nihil
Aimperdiet doming id quod mazim placerat .
Facer possim assum
Loption congue nihil imperdiet doming.
Drop Caps

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat.

Blockquote Options
.blockquote-thin

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

John Doe
.blockquote-rounded

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

John Doe

.blockquote-reverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

John Doe

.blockquote-reverse.blockquote-rounded

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

John Doe
Text Wells
Small well example. <well-sm>
Regular well example. <well>
Large well example. <well-lg>
Text Emphasis
Class Description
.text-muted

Mirum est notare quam littera gothica.

.text-primary

Mirum est notare quam littera gothica.

.text-success

Mirum est notare quam littera gothica.

.text-info

Mirum est notare quam littera gothica.

.text-warning

Mirum est notare quam littera gothica.

.text-danger

Mirum est notare quam littera gothica.

.text-alert

Mirum est notare quam littera gothica.

.text-system

Mirum est notare quam littera gothica.

Badges and Labels
Default Primary Success Info Warning Danger Alert System Dark

Default Primary Success Info Warning Danger Alert System Dark

1 2 3 4 5 6 7 8 9
Media Objects
holder-img

Media heading

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
holder-img

Nested media heading

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

Media Right

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus
holder-img

holder-img

Article - 10/05/2015

Last Updated 1 day ago by John Doe
holder-img

Ben email@me.com 30h

Last Updated 1 day ago by John Doe
holder-img

Long

Last Updated 1 day ago by John Doe
holder-img

Black Attention

Last Updated 1 day ago by John Doe
holder-img

Zero

Last Updated 1 day ago by John Doe
Vertical List

To create horizontal list just format code with <dl> tag.

Description lists
Nam liber tempor cum soluta.
Disgadl
Eleifend option congue nihil.