Bootswatch

Cosmo

适用浏览器：FireFox、Chrome、Opera、傲游、搜狗. 不支持IE8、360、Safari、世界之窗。

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.