Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. Please read the official Bootstrap documentation for a full list of options.
Creates a white variation of a button since Bootstrap's native "light" variant doesn't work well over light backgrounds.
<button class="btn btn-white">
Button white
</button>
Useful for single character or emoji buttons, you can turn any button into a circle using the .btn-rounded-circle modifier.
<button class="btn btn-sm btn-rounded-circle btn-white">+</button>
<button class="btn btn-rounded-circle btn-white">+</button>
<button class="btn btn-lg btn-rounded-circle btn-white">+</button>
A combination of the standard button component and a feather icon.
<button class="btn btn-white">
<span class="fe fe-bookmark"></span>
</button>
<button class="btn btn-primary">
<span class="fe fe-bookmark"></span>
</button>
<button class="btn btn-rounded-circle btn-white">
<span class="fe fe-star"></span>
</button>
<button class="btn btn-rounded-circle btn-primary">
<span class="fe fe-star"></span>
</button>