Buttons
Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. Read Bootstrap documentation
button.btn.mr-2.mb-2.btn-primary(type="button")
|Primary
button.btn.mr-2.mb-2.btn-secondary-light.text-secondary(type="button")
|Secondary
button.btn.mr-2.mb-2.btn-outline-success(type="button")
|Success
button.btn.mr-2.mb-2.btn-danger.btn-sm(type="button")
|Danger
button.btn.mr-2.mb-2.btn-warning.rounded-pill.px-4(type="button")
|Warning
button.btn.mr-2.mb-2.btn-info(type="button")
|Info
button.btn.mr-2.mb-2.btn-gray(type="button")
|Gray
button.btn.mr-2.mb-2.btn-dark.rounded-pill.px-4(type="button")
|Dark<button class="btn mr-2 mb-2 btn-primary" type="button">Primary</button>
<button class="btn mr-2 mb-2 btn-secondary-light text-secondary" type="button">Secondary</button>
<button class="btn mr-2 mb-2 btn-outline-success" type="button">Success</button>
<button class="btn mr-2 mb-2 btn-danger btn-sm" type="button">Danger</button>
<button class="btn mr-2 mb-2 btn-warning rounded-pill px-4" type="button">Warning</button>
<button class="btn mr-2 mb-2 btn-info" type="button">Info</button>
<button class="btn mr-2 mb-2 btn-gray" type="button">Gray</button>
<button class="btn mr-2 mb-2 btn-dark rounded-pill px-4" type="button">Dark</button>Visit Bootstrap documentation to learn more about this component
Version 2.0.0, [email protected]
