Buttons

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

Examples

<button type="button" class="btn btn-primary">Primary</button>

Buttons with Icons

<button type="button" class="btn btn-primary d-inline-flex align-items-center">
  <span class="material-icons me-2">add_shopping_cart</span>
  Add to Cart
</button>

Icon Buttons

<button type="button" class="btn btn-primary btn-icon">
  <span class="material-icons">edit</span>
</button>

<button type="button" class="btn btn-info btn-icon rounded-circle">
  <span class="material-icons">info</span>
</button>

Outline buttons

<button type="button" class="btn btn-outline-primary">Primary</button>

Sizes

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