What sizes of Bootstrap buttons do you know and do you use them in a web page?

Experience Level: Junior
Tags: Bootstrap 4

Answer

There are three available button sizes in Bootstrap.

  • Default button - uses btn class
  • Large button - uses btn btn-lg class
  • Small button - uses btn btn-sm class

Default button

Default button code
<button class="btn">Default button</button>

Large button

Large button code
<button class="btn btn-lg">Large button</button>

Small button

Small button code
<button class="btn btn-sm">Small button</button>

Comments

No Comments Yet.
Be the first to tell us what you think.
Bootstrap for beginners
Bootstrap for beginners

Are you learning Bootstrap ? Try our test we designed to help you progress faster.

Test yourself