Bootstrap 5 Размеры кнопок

Bootstrap 5 предоставляет 2 разных класса, которые позволяют изменять размеры кнопок. Классы .btn-lg и .btn-sm используются для больших и маленьких кнопок.

Пуговицы Размеры Классы:

• .btn-lg: этот класс используется для создания кнопок большого размера.
• .btn-sm: Этот класс используется для создания кнопок небольшого размера.

Синтаксис:

// For Large Button
<button type="button" class="btn btn-lg">
    Large button
</button>

// For Small Button
<button type="button" class="btn btn-sm">
    Small button
</button>

Пример 1. В этом примере мы будем использовать классы размера кнопок для создания кнопок разных размеров.

Выход:

Пример 2. В этом примере мы будем использовать классы размера кнопок для создания кнопок разных размеров.

Выход:

Ссылка: https://getbootstrap.com/docs/5.0/components/buttons/#sizes