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, hello@getreplacer.com

To spread the power of good design