Buttons

XS

Portrait Phones
<576px

SM

Landscape Phones
≥576px to <768px

MD

Tablets
≥768px to <992px

LG

Laptops
≥992px to <1200px

XL

Desktops
≥1200px

Buttons

<button> & .btn .btn-{color} = .btn-{primary, secondary, success, danger, warning, info, light, dark, link}

Buttons Tags

<button> or <a> or <input> & .btn .btn-{color}
Link

Button Outline

<button> & .btn .btn-outline-{color} = .btn-outline-{primary, secondary, success, danger, warning, info, light, dark}

Button Sizes

.btn .btn-{color} & .btn-lg or .btn-sm or .btn-block

Active & Disabled

.acitve or .disabled or disabled
Primary link Link Primary link Link

Button Toggle States

data-toggle="button"

Checkbox & Radio Buttons

data-toggle="buttons" & .btn-group .btn-group-toggle