如何覆盖引导程序的容器的填充

Question

我有一个带有容器引导程序类的 div。 所以容器类在左侧和右侧提供了 15px 的填充。 我想为我的容器的所有子元素保留填充，但我希望一个 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

Bootstrap 中的容器类为装订线设置了 15px 的左右内边距。 您可以通过使用负边距来抵消您通过以下方式指定的 div：

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

Answer 2

尝试这个

 .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>