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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

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

@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.