Buttons

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

Bootstrap Documentation

Colors

Goodkit Exclusive

Additional button color options.

<button class="btn btn-white">White</button>
<button class="btn btn-gray-200">Gray 200</button>
<button class="btn btn-gray-300">Gray 300</button>

Border radius

Easily control the button border radius with the border radius utilities.

<button class="btn btn-primary rounded-1">Rounded</button>
<button class="btn btn-primary rounded-0">Square</button>

Circle

Goodkit Exclusive

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

<button class="btn btn-primary btn-circle btn-lg">
  <i class="fe fe-check"></i>
</button>

<button class="btn btn-primary btn-circle">
  <i class="fe fe-check"></i>
</button>

<button class="btn btn-primary btn-circle btn-sm">
  <i class="fe fe-check"></i>
</button>