1) Як виправити розмір – можна напишіть власний клас за допомогою maxWidth і textWrap і приєднайте його до кожної проблемної кнопки або додайте клас d-flex до контейнера кнопки.
Кнопки в Bootstrap 4 і 5 мають три різні розміри. Є маленькі, великі та середні кнопки. Розмір за замовчуванням середній. Ви можете дуже легко змінити розмір кнопки, додавши до неї клас btn-lg або btn-sm.
Щоб змінити розмір кнопки в CSS, ви можете встановити властивості висоти та ширини. Наприклад, якщо ви хочете встановити ширину на 100 пікселів і висоту на 50 пікселів, ви повинні використовувати наступний код. Ви також можете використовувати інші одиниці, такі як em, rem, vh, vw або % залежно від ваших вимог.
Класи стовпців вказують кількість стовпців, які ви бажаєте використовувати з можливих 12 на рядок. Отже, якщо вам потрібні три стовпці однакової ширини поперек, ви можете використовувати .col-4 . Ширина стовпця s встановлюється у відсотках, тому вони завжди плавні та мають розмір відносно батьківського елемента.
Модальний розмір Змінити розмір модального елемента на додавання класу .modal-sm для малих модалів (максимальна ширина 300 пікселів), класу .modal-lg для великих модалів (максимальна ширина 800 пікселів) або .modal-xl для дуже великих модалів (максимальна ширина 1140 пікселів). За замовчуванням максимальна ширина становить 500 пікселів.
Ви можете налаштуйте ширину кнопок блоку за допомогою класів ширини стовпця сітки. Наприклад, для «кнопки блокування» половинної ширини використовуйте .col-6. Також відцентруйте його горизонтально за допомогою .mx-auto. Для налаштування горизонтального розташування кнопок можна використовувати додаткові утиліти.