<a href="#" class="btn btn-lg btn-default">Default</a><a href="#" class="btn btn-lg btn-primary">Primary</a><a href="#" class="btn btn-lg btn-action">Action</a><a href="#" class="btn btn-lg btn-white">White</a><a href="#" class="btn btn-lg btn-gray">Gray</a><a href="#" class="btn btn-lg btn-success">Success</a><a href="#" class="btn btn-lg btn-info">Info</a><a href="#" class="btn btn-lg btn-warning">Warning</a><a href="#" class="btn btn-lg btn-danger">Danger</a><a href="#" class="btn btn-lg btn-link">Link</a>

<a href="#" class="btn   btn-default">Default</a><a href="#" class="btn   btn-primary">Primary</a><a href="#" class="btn   btn-action">Action</a><a href="#" class="btn   btn-white">White</a><a href="#" class="btn   btn-gray">Gray</a><a href="#" class="btn   btn-success">Success</a><a href="#" class="btn   btn-info">Info</a><a href="#" class="btn   btn-warning">Warning</a><a href="#" class="btn   btn-danger">Danger</a><a href="#" class="btn   btn-link">Link</a>

<a href="#" class="btn disabled btn-default">Default</a><a href="#" class="btn disabled btn-primary">Primary</a><a href="#" class="btn disabled btn-action">Action</a><a href="#" class="btn disabled btn-white">White</a><a href="#" class="btn disabled btn-gray">Gray</a><a href="#" class="btn disabled btn-success">Success</a><a href="#" class="btn disabled btn-info">Info</a><a href="#" class="btn disabled btn-warning">Warning</a><a href="#" class="btn disabled btn-danger">Danger</a><a href="#" class="btn disabled btn-link">Link</a>

<a href="#" class="btn btn-sm btn-default">Default</a><a href="#" class="btn btn-sm btn-primary">Primary</a><a href="#" class="btn btn-sm btn-action">Action</a><a href="#" class="btn btn-sm btn-white">White</a><a href="#" class="btn btn-sm btn-gray">Gray</a><a href="#" class="btn btn-sm btn-success">Success</a><a href="#" class="btn btn-sm btn-info">Info</a><a href="#" class="btn btn-sm btn-warning">Warning</a><a href="#" class="btn btn-sm btn-danger">Danger</a><a href="#" class="btn btn-sm btn-link">Link</a>

<a href="#" class="btn btn-xs btn-default">Default</a><a href="#" class="btn btn-xs btn-primary">Primary</a><a href="#" class="btn btn-xs btn-action">Action</a><a href="#" class="btn btn-xs btn-white">White</a><a href="#" class="btn btn-xs btn-gray">Gray</a><a href="#" class="btn btn-xs btn-success">Success</a><a href="#" class="btn btn-xs btn-info">Info</a><a href="#" class="btn btn-xs btn-warning">Warning</a><a href="#" class="btn btn-xs btn-danger">Danger</a><a href="#" class="btn btn-xs btn-link">Link</a>

<button type="button" class="btn btn-default"><i class="fa fa-square-full icon-left"></i> Default</button>
<button type="button" class="btn btn-primary"><i class="fa fa-square-full icon-left"></i> Primary</button>
<button type="button" class="btn btn-action"><i class="fa fa-square-full icon-left"></i>Action</button>
<button type="button" class="btn btn-gray"><i class="fa fa-square-full icon-left"></i> Gray</button>

<button type="button" class="btn btn-default">Default <i class="fa fa-square-full icon-right"></i></button>
<button type="button" class="btn btn-primary">Primary <i class="fa fa-square-full icon-right"></i></button>
<button type="button" class="btn btn-action">Action <i class="fa fa-square-full icon-right"></i></button>
<button type="button" class="btn btn-gray">Gray <i class="fa fa-square-full icon-right"></i></button>