Buttons

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

Default

Default Outline

<button type="button" class="btn btn-primary">Default</button>
<button type="button" class="btn btn-primary btn-rounded">Default Rounded</button>

<button type="button" class="btn btn-outline-primary">Default</button>
<button type="button" class="btn btn-outline-primary btn-rounded">Default Rounded</button>

Buttons with Icon

<button type="button" class="btn btn-with-ico btn-primary">Create Account <i class="icon-plus2"></i></button>
<button type="button" class="btn btn-with-ico btn-rounded btn-primary">Create Account <i class="icon-plus2"></i></button>

Icon Buttons

<button type="button" class="btn btn-ico btn-primary"><i class="icon-facebook"></i></button>
<button type="button" class="btn btn-ico btn-rounded btn-primary"><i class="icon-facebook"></i></button>

Sizing

<button type="button" class="btn btn-sm btn-primary">Small</button>
<button type="button" class="btn btn-primary">Medium</button>
<button type="button" class="btn btn-lg btn-primary">Large</button>

Colors