Buttons
Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes and states.
Add .rounded-pill to any button to make them more rounded.
<button type="button" class="btn btn-primary rounded-pill">Primary</button>
<button type="button" class="btn btn-secondary rounded-pill">Secondary</button>
...Button tags
The .btn classes are designed to be used with the <button> element. However, you can also use these classes on <a> or <input> elements.
<a class="btn btn-primary rounded-pill" href="#">Link</a>
<input class="btn btn-primary rounded-pill" type="submit" value="Submit">Outline buttons
Replace the default modifier classes with the .btn-outline-* ones to remove all background images and colors on any button.
<button type="button" class="btn btn-outline-primary rounded-pill">Primary</button>
<button type="button" class="btn btn-outline-secondary rounded-pill">Secondary</button>Sizes
Fancy larger or smaller buttons? Add .btn-lg or .btn-sm for additional sizes.
<button type="button" class="btn btn-primary btn-lg rounded-pill">Large button</button>
<button type="button" class="btn btn-primary btn-sm rounded-pill">Small button</button>