Buttons

Options

Default Primary Success Info Warning Danger

<a class="bs-btn bs-btn-default" href="#">Default</a>
<a class="bs-btn bs-btn-primary" href="#">Primary</a>
<a class="bs-btn bs-btn-success" href="#">Success</a>
<a class="bs-btn bs-btn-info" href="#">Info</a>
<a class="bs-btn bs-btn-warning" href="#">Warning</a>
<a class="bs-btn bs-btn-danger" href="#">Danger</a>

Sizes

Large button Large button

Default button Default button

Small button Small button

Extra small button Extra small button

<p>
  <a class="bs-btn bs-btn-primary bs-btn-lg" href="#">Large button</a>
  <a class="bs-btn bs-btn-default bs-btn-lg" href="#">Large button</a>
</p>
<p>
  <a class="bs-btn bs-btn-primary" href="#">Default button</a>
  <a class="bs-btn bs-btn-default" href="#">Default button</a>
</p>
<p>
  <a class="bs-btn bs-btn-primary bs-btn-sm" href="#">Small button</a>
  <a class="bs-btn bs-btn-default bs-btn-sm" href="#">Small button</a>
</p>
<p>
  <a class="bs-btn bs-btn-primary bs-btn-xs" href="#">Extra small button</a>
  <a class="bs-btn bs-btn-default bs-btn-xs" href="#">Extra small button</a>
</p>

Block level button Block level button

<a class="bs-btn bs-btn-primary bs-btn-lg bs-btn-block" href="#">Block level button</a>
<a class="bs-btn bs-btn-default bs-btn-lg bs-btn-block" href="#">Block level button</a>

Recommended