Default

This is example of Bootstrap look, using bootstrap.min.css.

Typography

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6

Example body text

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.

Example addresses

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Thumbnails

Buttons

Button Large Button Small Button Disabled Button Button with Icon Split Button
Default Default Default Default Default
Default
Primary Primary Primary Primary Primary
Primary
Info Info Info Info Info
Info
Success Success Success Success Success
Success
Warning Warning Warning Warning Warning
Warning
Danger Danger Danger Danger Danger
Danger
Inverse Inverse Inverse Inverse Inverse
Inverse

Forms

Controls Bootstrap supports

In addition to freeform text, any HTML5 text-based input appears like so.

Some value here
Something may have gone wrong
Please correct the error
Woohoo!
Woohoo!

Tables

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Miscellaneous

  • Home

Pagination

Pagers

Tabs

I'm in Section A.

Howdy, I'm in Section B.

What up girl, this is Section C.

Pills

Lists

Labels

Default Success Warning Important Info Inverse

Badges

Default Success Warning Important Info Inverse

Progress bars


Alerts

×

Alert block

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

× Error Change a few things up and try submitting again.
× Success You successfully read this important alert message.
× Information This alert needs your attention, but it's not super important.

Font Awesome

Buttons

Reload Checkout Comment Info Delete Settings Synchronizing... Font Awesome
Version 3.2.1

Forms

Navigation

Larger icons

icon-large

icon-2x

icon-3x

icon-4x

Pulled icons

Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image. Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all of them in any combination to get lots of new possibilities.

Non-standard bullet lists

  • new bulleted lists,
  • fix some old bugs,
  • and deal with arbitrary
  • font sizes better,
  • not mentioning,
  • that they look cool.

Animated icons

icon-spinner icon-spin
icon-cog icon-spin
icon-asterisk icon-spin
icon-sun icon-spin
icon-meh icon-spin
icon-refresh icon-spin

Rotated icons

 icon-smile icon-rotate-90
 icon-smile icon-rotate-180
 icon-smile icon-rotate-270
 icon-smile icon-flip-horizontal
 icon-smile icon-flip-vertical

Stacked icons

icon-twitter on icon-check-empty
icon-flag on icon-circle
icon-terminal on icon-sign-blank