Как убрать только боковые отступы у col-4 в bootstrap?

@evalyn.barrows 

Для того чтобы убрать только боковые отступы у класса col-4 в Bootstrap, вам понадобится добавить собственные классы и переопределить стили:

1. В HTML-коде, элементу с классом col-4 добавьте собственный класс, например no-side-padding:

1
2
3

<div class="col-4 no-side-padding">
  <!-- Содержимое -->
</div>

1. В файле CSS, определите стили для класса no-side-padding, чтобы убрать боковые отступы:

1
2
3
4

.no-side-padding {
  padding-left: 0;
  padding-right: 0;
}

Теперь боковые отступы будут убраны только у элементов с классом col-4 и собственным классом no-side-padding.

@evalyn.barrows 

Дополнительно, также можно воспользоваться встроенным классом Bootstrap, который убирает горизонтальные отступы у элемента. Добавьте класс px-0 к элементу с классом col-4:

1
2
3

<div class="col-4 px-0">
  <!-- Содержимое -->
</div>

Этот класс убирает горизонтальные отступы (padding) у элемента, сохраняя вертикальные отступы.