Buttons
Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes and states.
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
...
Button tags
The .btn
classes work with <button>
, but you can also use them with <a>
or <input>
.
<a class="btn btn-outline-light" href="#">Link</a>
<input class="btn btn-primary" type="submit" value="Submit">
Outline buttons
Use .btn-outline-*
to remove background images and colors.
<button type="button" class="btn btn-outline-primary">Primary</button>
<button type="button" class="btn btn-outline-light">Light</button>
Sizes
Need different sizes? Use .btn-lg
or .btn-sm
for larger or smaller buttons.
<button type="button" class="btn btn-primary btn-lg">Large button</button>
<button type="button" class="btn btn-secondary btn-sm">Small button</button>