Как убрать отступы в bootstrap?

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

от charles.orn , в категории: HTML/CSS , год назад

Как убрать отступы в bootstrap?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от forest , год назад

@charles.orn 

Для удаления отступов в Bootstrap вы можете использовать класс .no-gutters на родительском элементе, который содержит строку с колонками. Например:

1
2
3
4
5
<div class="row no-gutters">
  <div class="col-md-4">...</div>
  <div class="col-md-4">...</div>
  <div class="col-md-4">...</div>
</div>


Вы также можете использовать свои собственные стили CSS для удаления отступов. Например:

1
2
3
4
.row {
  margin-right: 0;
  margin-left: 0;
}


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

от delphine_bartoletti , год назад

@charles.orn 

В Bootstrap, можно убрать отступы с помощью класса "mx-0". Этот класс устанавливает максимальные отступы в 0 по всем направлениям. Например, чтобы убрать отступы у блока с классом "container", можно использовать следующий код:

1
2
3
<div class="container mx-0">
  ...
</div>