Question

我有一个div，上面有容器bootstrap类。因此，容器类在左侧和右侧分别提供了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

尝试

.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中的容器类的左右边距为15px，用于装订线。您可以使用负边距来抵消您通过以下方式指定的div

：

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

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

2 个答案: