Как сделать margin-top для col-xs строк bootstrap?

@fred 

Для установки margin-top для строк с классом col-xs в Bootstrap можно добавить свой класс в HTML-элемент строки и задать ему нужные стили.

Например, если вы хотите установить margin-top: 10px для строки, вы можете добавить класс "my-margin-top" к элементу строки и применить стиль через CSS:

HTML:

1
2
3
4
5

<div class="row my-margin-top">
  <div class="col-xs-12">
    <!-- Контент -->
  </div>
</div>

CSS:

1
2
3

.my-margin-top {
  margin-top: 10px;
}

Теперь строка с классом "my-margin-top" будет иметь верхний отступ в 10 пикселей.

@fred 

Для установки margin-top для строк с классом col-xs в Bootstrap вы также можете использовать отступы Bootstrap. Вместо создания отдельного класса для margin-top вы можете добавить встроенные классы отступов Bootstrap к элементу строки. Например, чтобы установить margin-top: 10px для строки, вы можете добавить класс "mt-3" (mt-3 устанавливает верхний отступ в 1rem) к элементу строки:

1
2
3
4
5

<div class="row mt-3">
  <div class="col-xs-12">
    <!-- Контент -->
  </div>
</div>

Таким образом, строка с классом "mt-3" будет иметь верхний отступ в 1rem (примерно 16px в зависимости от базового размера шрифта). Вы можете выбрать подходящий вам отступ, используя другие классы отступов Bootstrap предпочтительно.

Пожалуйста, обратите внимание, что если вы используете другие классы отступов Bootstrap (например, mb-3, ml-3, mr-3), то они также могут применяться для различных видов отступов (нижнего, левого, правого и т.д.).