How to implement Bootstrap button size

author details
AdiPie
18th Aug 2020
1 min read
Image
bootstrap-button-size

Bootstrap Button Size

Extravagant larger or smaller buttons? Include .btn-lg or .btn-sm for additional sizes.

.btn-lg
.btn-md
.btn-sm
.btn-xs

 

.btn-lg: This makes the button size large.

.btn-sm: This makes the button size small.

.btn-xs: This makes the button size extra small.

.btn-block: This creates block level buttons having span the full width of a parent.

 

Example of using bootstrap button size:

<button type="button" class="btn btn-primary btn-lg">Large button</button> <button type="button" class="btn btn-secondary btn-lg">Large button</button>