Buttons

1<a href="#" class="btn">Button</a>

Sizes

Mini

Small

Normal

Medium

Large

1<a href="#" class="btn btn-mini">Mini</a>
2<a href="#" class="btn btn-small">Small</a>
3<a href="#" class="btn">Normal</a>
4<a href="#" class="btn btn-medium">Medium</a>
5<a href="#" class="btn btn-large">Large</a>

Variations

Info

Working...

Success

Warning

Error

Disabled

Info without btn-prefix in class

Info button, disabled

1<a href="#" class="btn btn-info">Info</a>
2<a href="#" class="btn btn-working">Working...</a>
3<a href="#" class="btn btn-success">Success</a>
4<a href="#" class="btn btn-warning">Warning</a>
5<a href="#" class="btn btn-error">Error</a>
6<a href="#" class="btn btn-disabled">Disabled</a>
7<a href="#" class="btn info">Info without btn-prefix in class</a>
8<a href="#" class="btn btn-info btn-disabled">Info button, disabled</a>

Button Groups

1<div class="btn-group">
2  <button type="button" class="btn">PDF</button>
3  <button type="button" class="btn">MOBI</button>
4  <button type="button" class="btn">EPUB</button>
5  <button type="button" class="btn">HTML</button>
6</div>

You can even use colors and sizes:

1<div class="btn-group">
2  <button type="button" class="btn btn-medium">Hey</button>
3  <button type="button" class="btn btn-medium btn-info">Look At Me</button>
4  <button type="button" class="btn btn-medium">Hello</button>
5</div>