Button

Basic buttons

success info 

<button>default</button>
<button class="primary">primary</button>
<a href="#" class="button">default</a>
<input class="warning" type="button" value="warning" />
<input class="danger" type="submit" value="danger" />

Disabled button

success info 
<button disabled="disabled">default</button>
<a href="#" class="button disabled">default</a>
<input disabled="disabled" class="warning" type="button" value="warning" />
<input disabled="disabled" class="danger" type="submit" value="danger" />

Group buttons

Left Middle Right 
<div class="buttons">
  <button>Left</button>
  <button>Middle</button>
  <button>Right</button>
</div>

Vertically buttons

Top Middle Bottom 
<div class="buttons vertical">
  <button>Left</button>
  <button>Middle</button>
  <button>Right</button>
</div>

Sizing

Mini button

Small button

Default button

Large button 

<button class="mini">Mini button</button>
<a href="#" class="button primary mini">Mini button</a>

Block

Block level button 

<button class="block large">Block level button</button>
<a href="#" class="button primary block large">Block level button</a>

Justified

Left Middle Right

Left Middle Right 
<div class="buttons justified">
  <a href="#" class="button">Left</a>
  <a href="#" class="button">Middle</a>
  <a href="#" class="button">Right</a>
</div>

With <button> elements


<div class="buttons justified">
  <div class="buttons">
    <button>Left</button>
  </div>
  <div class="buttons">
    <button>Middle</button>
  </div>
  <div class="buttons">
    <button>Right</button>
  </div>
</div>

Checkbox & Radio in button

<label class="button">
  <input type="checkbox" name="" value=""> Checkbox in button
</label>
<label class="button">
  <input type="radio" name="" value=""> Radio in button
</label>