Buttons in Bootstrap
From the Bootstrap 5 cheat sheet · Components · verified Jul 2026
Buttons
Button styles and variations
html
<!-- Button Styles -->
<button class="btn btn-primary">Primary</button>
<button class="btn btn-secondary">Secondary</button>
<button class="btn btn-success">Success</button>
<button class="btn btn-danger">Danger</button>
<button class="btn btn-warning">Warning</button>
<button class="btn btn-info">Info</button>
<!-- Button Sizes -->
<button class="btn btn-primary btn-lg">Large</button>
<button class="btn btn-primary">Default</button>
<button class="btn btn-primary btn-sm">Small</button>💡 Use btn-outline-* for ghost/outline button styles
⚡ d-grid with gap-2 creates full-width block buttons
📌 Button groups combine multiple buttons into single component
🔥 Add disabled attribute or class for disabled state