Блог

В настоящее время я работаю над проектом, в котором я использую Bootstrap 4.0.0 .

Что я хотел бы знать, так это в чем разница между двумя классами row и form-row ?

Просмотр документов Bootstrap 4.0.0 дает нам следующую информацию:

Вы также можете поменять местами .row на .form-row , вариант нашей стандартной строки сетки, которая переопределяет желоба столбцов по умолчанию для более плотных и компактных макетов.

Давайте визуализируем это на примере для .row vs .form-row , которые они используют:

Или взгляните на используемый CSS:

 .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
  

В общем, он просто используется для изменения расстояния между элементами ввода формы, чтобы создавать более компактные макеты. Это очень хорошо работает в сочетании с системой grid, как показано во втором примере, который вы можете получить по ссылке.

Итак, вам нужно решить, хотите ли вы, чтобы элементы ввода вашей формы были размещены более плотно или нет, и использовать соответствующий класс.

Перспективы для Bootstrap 5: будут введены желоба, чтобы больше контролировать ширину этих интервалов. Событие.

Удачи!