Как между в bootstrap4 сетке row задать свои отступы между блоками?

Question

[Gera11]

<div class="container">
  <div class="row">
    <div class="col-12 col-md-6">
    text
    </div>
    <div class="col-12 col-md-6">
    text
    </div>
  </div>
</div>

Сетка обычная, как правило расстояние между col блоками в container 15px в сумме 30px между двумя.
Как уменьшить это расстояние средствами bootstrap ?

Comments

[Алексей Орлов]

Во-первых для чего? А во-вторых , если первый вопрос не смутил, то просто задать колонкам нужные отступы, перебив стили или настроить собственную сетку.

[Антон Литвиненко]

Средствами бутстрап можно пересобрать стили, изменив значения переменной, отвечающих за гаттеры

[Gera11]

Антон Литвиненко, для этого нужно ставить node и тд. А есть другие варики ?)

[Антон Литвиненко]

Gera11, как вы вообще без ноды работаете?)
Можно перебить стили гаттеров, их там не очень много

Answer 1

[Иван Медведев]

Внутрь блоков вкладываете дочерний , например. Для родителя задаете паддинги, а все нужные стили типа граница, бекграунд и т.д. задаете для .inner

<div class="container">
  <div class="row">
    <div class="col-12 col-md-6">
       <div class="inner">
          text
       </div>
    </div>
    <div class="col-12 col-md-6">
       <div class="inner">
            text
       </div>
    </div>
  </div>
</div>

Answer 2

[Юрий]

На CSS не обращайте внимания, добавил бордеры чисто для наглядности. Вам нужны классы .mx-n* для .row и .px-* для .col- внутри неё. Это стандартные утилиты Бутстрапа для отступов: https://getbootstrap.com/docs/4.5/utilities/spacing/

В пятом бутстрапе отдельный набор классов под это завезли, кстати :)