Search:
813.555.1234

Hero Unit

Progress Bar

File Upload Prettified

Select Image...

Select Image...

Buttons

Labels

Default Success Warning Important Info Inverse

Badges

1 2 4 6 8 10

Breadcrumb

Button Group

Pagination

Pager

Form inline

Checkbox inline

Radio Button inline

Alerts

Just some information to share.
Error! This is a fatal error.
Success! You have successfully done it.
Info! Watch this, but you may forget.

More Styles (some repeats)

Stacked Tabs

Pane 1 Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas.

Pane 2 Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas.

Pane 3 Content

Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.

Pane 4 Content

Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis. Phasellus vel tellus id felis cursus hendrerit. Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti.

Pills

Pane 1 Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas.

Pane 2 Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas.

Pane 3 Content

Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.

Pane 4 Content

Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis. Phasellus vel tellus id felis cursus hendrerit. Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti.

Stacked Pills

Pane 1 Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas.

Pane 2 Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas.

Pane 3 Content

Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.

Pane 4 Content

Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis. Phasellus vel tellus id felis cursus hendrerit. Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti.

Nav Bars

Project name
Project name

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

Example with state names (type in "f" and see what happens)

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.
back to top