Bootswatch

Cerulean

A calm, blue sky.

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

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.