Headings

Page Header With Small Text

This is an h1 heading

This is an h2 heading

This is an h3 heading

This is an h4 heading

This is an h5 heading
This is an h6 heading
Tables
# First Name Tables
1 Michael Are formatted like this
2 Lucille Do you like them?
3 Success
4 Danger
5 Warning
6 Active
# First Name Tables
1 Michael This one is bordered and condensed
2 Lucille Do you still like it?
Content formating

This is lead paragraph

This is an ordinary paragraph that is long enough to wrap to multiple lines so that you can see how the line spacing looks.


Muted color paragraph.

Warning color paragraph.

Danger color paragraph.

Info color paragraph.

Success color paragraph.

This is text in a small wrapper. NBD, right?


Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890
Full Name
first.last@example.com

Here’s what a blockquote looks like in Bootstrap. Use small to identify the source.


Unordered


  • Aliquam erat volutpat
  • Quisque porta
  • Nemo enim ipsam voluptatem quia
  • Coluptas sit
    • Qoluptas sit
    • Raesent vitae arcu
    • Qoluptas sit
  • Nullam faucibus mi quis velit

Ordered


  1. Aliquam erat volutpat
  2. Quisque porta
  3. Nemo enim ipsam voluptatem quia
  4. Coluptas sit
    • Qoluptas sit
    • Raesent vitae arcu
    • Qoluptas sit
  5. Nullam faucibus mi quis velit

Unstyled


  • Quisque ipsam voluptatem
  • Aliquam faucibus mi
  • Nullam Raesent
  • Coluptas ipsam voluptatem
  • Nullam faucibus mi
  • Aliquam faucibus mi
  • Nullam Raesent
  • Quisque ipsam voluptatem
  • Aliquam faucibus mi
Buttons

Button Groups

Thumbnails

Forms

Example block-level help text here.

Input Groups


.00

$
.00
Progress Bars
60% Complete
40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)
60% Complete
35% Complete (success)
20% Complete (warning)
10% Complete (danger)
Media Object


  • Media heading

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.



    Nested media heading

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.



    Nested media heading

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.



    Nested media heading

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.



  • Media heading

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.