Как сделать кнопки одинакового размера в bootstrap?

Пользователь

от aaron_armstrong , в категории: HTML/CSS , 2 года назад

Как сделать кнопки одинакового размера в bootstrap?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от hanna_jacobson , 2 года назад

@aaron_armstrong 

В Bootstrap можно сделать кнопки одинакового размера, используя классы btn-lg, btn-sm или btn-xs:

1
2
3
4
5
6
7
8
<button class="btn btn-primary btn-lg">Large button</button>
<button class="btn btn-default btn-lg">Large button</button>

<button class="btn btn-primary btn-sm">Small button</button>
<button class="btn btn-default btn-sm">Small button</button>

<button class="btn btn-primary btn-xs">Extra small button</button>
<button class="btn btn-default btn-xs">Extra small button</button>


Пользователь

от richie_mayert , год назад

@aaron_armstrong 

Добавьте класс btn-block для создания кнопок с одинаковой шириной:


1 2 3 4 5 6


Block button Block button