Как в bootstrap выровнять форму по центру?

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

от cayla , в категории: HTML/CSS , 6 месяцев назад

Как в bootstrap выровнять форму по центру?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от ludie , 6 месяцев назад

@cayla 

Bootstrap имеет несколько классов для выравнивания элементов по центру. Вам нужно добавить класс "mx-auto" и "d-block" к элементу формы, чтобы выровнять его по горизонтали и по вертикали.


Пример:

1
2
3
4
5
6
7
8
9
<div class="container">
   <div class="row">
      <div class="col-md-6 mx-auto">
         <form>
            <!-- Ваша форма здесь -->
         </form>
      </div>
   </div>
</div>


В приведенном примере "col-md-6" указывает, что блок будет занимать 6 колонок по ширине на разрешениях среднего размера и больше, а "mx-auto" и "d-block" устанавливают выравнивание по центру.