...

Buttons

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Bootstrap documentation

Pills

Skola only

Creates a rounded variation of a button component.

<button class="btn btn-primary btn-pill btn-lg">
  Button pill
</button>

<button class="btn btn-success btn-pill">
  Button pill
</button>

<button class="btn btn-danger btn-pill btn-sm">
  Button pill
</button>

Circle

Skola only

Turn any button into a circle with a .btn-rounded-cirle modifier.

<button class="btn btn-lg btn-rounded-circle btn-primary">
  <i class="fas fa-check"></i>
</button>

<button class="btn btn-rounded-circle btn-primary">
  <i class="fas fa-check"></i>
</button>

<button class="btn btn-sm btn-rounded-circle btn-primary">
  <i class="fas fa-check"></i>
</button>

<button class="btn btn-xs btn-rounded-circle btn-primary">
  <i class="fas fa-check"></i>
</button>
Jump to