Как убрать padding в bootstrap?

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

от aaron_armstrong , в категории: HTML/CSS , 2 года назад

Как убрать padding в bootstrap?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от jeromy_ruecker , 2 года назад

@aaron_armstrong 

Чтобы убрать padding в Bootstrap, нужно добавить следующий CSS код в свой файл стилей:

1
2
3
.no-padding {
  padding: 0 !important;
}


Затем, вы можете применить класс no-padding к нужному элементу HTML:

1
<div class="no-padding">...</div>


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

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

@aaron_armstrong 

Помимо использования класса .no-padding, вы также можете использовать другие классы в Bootstrap для установки и удаления отступов.

  • Чтобы убрать внешние отступы по горизонтали для конкретного элемента, вы можете применить класс .mx-0:
1
<div class="mx-0">...</div>


  • Чтобы убрать внешние отступы по вертикали для конкретного элемента, вы можете применить класс .my-0:
1
<div class="my-0">...</div>


  • Чтобы убрать все внутренние и внешние отступы для конкретного элемента, вы можете применить класс .p-0:
1
<div class="p-0">...</div>


  • Чтобы убрать все внешние отступы для конкретного элемента, вы можете применить класс .m-0:
1
<div class="m-0">...</div>