Button Sizes

Button Sizes

Bootstrap supplies large and small button sizes while the default size is intended for most interfaces.

Core concept

Explain btn-lg and btn-sm, vertical alignment in toolbars, full-width buttons using w-100, and responsive sizing when a button needs more room on mobile.

Using it in a real interface

Show a large hero CTA, normal form actions, and a compact table action. Explain when the default size is preferable to creating custom padding.

Implementation notes

Avoid shrinking important touch targets simply to fit more controls. If a mobile action becomes crowded, allow wrapping or stack actions rather than making them too small.