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

Question

[mr jeery]

Как убрать отступы ?
В панели разработчика видно, что они выставляются на класс .col-md-6: padding-right: 15px; padding-left: 15px; Когда я выставляю нулевые значения, то мои строки игнорируются. Не понимаю в чем дело
https://codepen.io/Jeerjmin/pen/dVqVaK

Comments

[mr jeery]

Спасибо за ответы
1. no-gutters помог
2. также более точный селектор header .col-md-6

[Егор Живагин]

mr jeery, и всё равно свои стили стоит подключать после стилей бутстрапа. Тогда таких проблем не будет.

Answer 1

[HamSter]

Если Вы используете bootstrap 4, то в разметке уже предусмотрены нулевые отступы, для этого вместе с классом .row используют класс .no-gutters

Пример:

<div class="row no-gutters">
  <div class="col-12 col-md-8">.col-12  .col-md-8</div>
  <div class="col-6 col-md-4">.col-6 .col-md-4</div>
</div>

Answer 2

[Евгений Вольф]

Когда я выставляю нулевые значения, то мои строки игнорируются. Не понимаю в чем дело

Подозреваю, что дело в том, что стиль который пишите Вы находится на странице выше, чем тот стиль, который задаёт отступы.

Варианта решения:
1. Подключить Ваш стиль после того стиля, который задаёт отступы
2. Использовать !important
3. Написать более длинный/"точный" селектор, например: header .col-md-6 { ... }

Answer 3

[Евгений Саймон]

У тебя стили бутстраповские подтягиваются для класса .container-fluid. Задай ему padding нулевой.
Так же свои стили подключай после посторонних и не забывай о приоритетах. Напиши header .col-md-6 {...}

Answer 4

[Егор Живагин]

Перенесите подключение своих стилей ниже подключения бутстрапа. Иначе он будет их перекрывать