Button

Button State

 

 
<a class="btn btn-primary" href="#fakelink">Primary Button</a> 
<a class="btn btn-warning" href="#fakelink">Warning Button</a> 
<a class="btn " href="#fakelink">Default Button</a> 
<a class="btn btn-danger" href="#fakelink">Danger Button</a>
<a class="btn btn-success" href="#fakelink">Success Button</a> 
<a class="btn btn-inverse" href="#fakelink">Inverse Button</a> 
<a class="btn btn-info" href="#fakelink">Info Button</a> 
<a class="btn disabled" href="#fakelink">Disabled Button</a>

 

Button Color

 

 
<a class="btn  btn-primary" href="#fakelink">Default Button</a>
<a class="btn  btn-primary btn-green" href="#fakelink">Green Button</a> 
<a class="btn  btn-primary btn-orange" href="#fakelink">Orange Button</a> 
<a class="btn  btn-primary btn-darklight" href="#fakelink">Dark Button</a> 
<a class="btn  btn-primary btn-yellow" href="#fakelink">Light Button</a>
<a class="btn  btn-primary btn-cyan" href="#fakelink">Cool Button</a> 
<a class="btn  btn-primary btn-red" href="#fakelink">Hot Button</a>

 

Button Size

 

 
<a class="btn btn-huge btn-primary" href="#fakelink">Huge Button</a> 
<a class="btn btn-large btn-primary" href="#fakelink">Large Button</a> 
<a class="btn btn-primary" href="#fakelink">Default Button</a> 
<a class="btn btn-small btn-primary" href="#fakelink">Small Button</a>

 

Button Embossed

 

Embossed

<a class="btn btn-primary btn-embossed mlm" href="#fakelink">Embossed</a>