尝试将图像放在容器上的Bootstrap：after＆amp; ：之前

Question

我试图将图像放在容器的右边缘和左边缘上，其中：before和：after。 但是出于某种原因，当我在前后添加绝对位置时，容器完全...... ......

它可能与容器之前和之后的标准引导程序有关

知道如何解决这个问题吗？

.header,
.spotlight,
.main,
.footer {
  >.container {
    position: relative;
    &:before {
      content: " ";
      position: absolute;
      background: url("../img/right.png");
      height: 100%;
      display: block;
      width: 6px;
      right: -6px;
      z-index: 999999;
      top: 0;
    }
    &:after {
      content: " ";
      position: absolute;
      background: url("../img/left.png");
      height: 100%;
      display: block;
      width: 6px;
      left: -6px;
      z-index: 999999;
      top: 0;
    }
  }
}

Example how the shadow(image) should look