как переопределить заполнение контейнера начальной загрузки

Question

У меня есть div с классом начальной загрузки контейнера. Таким образом, класс контейнера дает отступ в 15 пикселей слева и справа. Я хочу сохранить заполнение для всех дочерних элементов моего контейнера, но я хочу, чтобы один div прикреплялся к обеим сторонам контейнера, не удаляя полностью заполнение начальной загрузки. Это возможно?

<div class="container">
  <div>first div</div>
  <div>second div div</div>
  <div>div that has to stick on the sides</div>
  <div>another random div</div>
</div>

Answer 1

попробуйте

.container{
 background-color: blue;
}

div{
   background-color: wheat;
}

#fullWidth{
  margin: 0 -15px;
}

<div class="container">
  <div id='fullWidth'>first div</div>
  <div>second div div</div>
  <div>div that has to stick on the sides</div>
  <div>another random div</div>
</div>

Answer 2

Контейнерный класс в Bootstrap имеет отступы слева и справа 15 пикселей для желобов. Вы можете противодействовать этому, используя отрицательные поля, а не div, который вы указали через:

div.container > div:nth-child(3){
  margin: 0 -15px;
}