Buttons
Default Buttons
<div class="button-group">
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>
</div>
Light Buttons
<div class="button-group">
<button type="button" class="btn bg-primary-subtle text-primary">Primary</button>
<button type="button" class="btn bg-secondary-subtle text-secondary">Secondary</button>
<button type="button" class="btn bg-success-subtle text-success">Success</button>
<button type="button" class="btn bg-info-subtle text-info">Info</button>
<button type="button" class="btn bg-warning-subtle text-warning">Warning</button>
<button type="button" class="btn bg-danger-subtle text-danger">Danger</button>
</div>
Rounded Light Buttons
<div class="button-group">
<button type="button" class="btn rounded-pill bg-primary-subtle text-primary">Primary</button>
<button type="button" class="btn rounded-pill bg-secondary-subtle text-secondary">Secondary</button>
<button type="button" class="btn rounded-pill bg-success-subtle text-success">Success</button>
<button type="button" class="btn rounded-pill bg-info-subtle text-info">Info</button>
<button type="button" class="btn rounded-pill bg-warning-subtle text-warning">Warning</button>
<button type="button" class="btn rounded-pill bg-danger-subtle text-danger">Danger</button>
</div>