XSXSSMSMMDMDLGLGXLXLXXLXXL
Extra small: <576pxSmall: ≥576pxMedium: ≥768pxLarge: ≥992pxExtra large: ≥1200pxExtra extra large: ≥1400px

Buttons


Default

Button class

Default button styles applied to <a> and <input> elements

Outline style

Sizing

Block

Full width using sizing utility

Full width using display utility

Column width

Multiple block buttons

Responsive

<h4 class="h5 text-muted mt-3">Full width using sizing utility</h4>

<h4 class="h5 text-muted mt-3">Full width using display utility</h4>

<h4 class="h5 text-muted mt-3">Column width</h4>

<h4 class="h5 text-muted mt-3">Multiple block buttons</h4>

<h4 class="h5 text-muted mt-3">Responsive</h4>
<h4 class="h5 text-muted mt-3">Full width using sizing utility</h4> <h4 class="h5 text-muted mt-3">Full width using display utility</h4> <h4 class="h5 text-muted mt-3">Column width</h4> <h4 class="h5 text-muted mt-3">Multiple block buttons</h4> <h4 class="h5 text-muted mt-3">Responsive</h4>

States

Active

Disabled

<h4 class="h5 text-muted mt-3">Active</h4>

<h4 class="h5 text-muted mt-3">Disabled</h4>
<h4 class="h5 text-muted mt-3">Active</h4> <h4 class="h5 text-muted mt-3">Disabled</h4>

Button plugin

Toggle buttons

Toggle links

<h4 class="h5 text-muted mt-3">Toggle buttons</h4>

<h4 class="h5 text-muted mt-3">Toggle links</h4>
<h4 class="h5 text-muted mt-3">Toggle buttons</h4> <h4 class="h5 text-muted mt-3">Toggle links</h4>