Задать вопрос
xo4yxypmy
@xo4yxypmy
пока только учусь

Как в Bootstrap увеличить margin/padding?

по дефолту m-5/p-5 имеет значение в 3rem, как увеличить это значение?
я чет не могу понять, или это нужно делать с помощю css?
  • Вопрос задан
  • 367 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
kawabanga
@kawabanga
Если вы только изучаете bootstrap, попробуйте ознакомиться с практиками sass.
И внутри кода есть scss файлы, в scss/_variables.scss:137 строке как раз описываются отступы.

Это самый удобный способ работать с Bootstrap.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
catdesign
@catdesign
Веб-разработчик
Во-первых, не надо использовать бутстрап. Раньше это была хорошая библиотека, но сейчас она не нужна. Есть Flexbox!

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

И наконец в третьих. Вам ничего не мешает сделать так и окончательно все сломать:
body .m-5, body .p-5 {
    padding: 0 5rem;  /* Если не сработает, то исправьте на padding: 0 1rem !important; */
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы