Bootstrap容器无法使用box-shadow

Question

我正在尝试使用带有引导容器的盒子阴影效果。课程是：

.effect8
{
position:relative;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
content:"";
position:absolute; 
z-index:-1;
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:10px;
bottom:10px;
left:0;
right:0;
border-radius:100px / 10px;
} 
.effect8:after
{
right:10px; 
left:auto; 
transform:skew(8deg) rotate(3deg);
}

每当我将这个类与容器流体一起使用时，它就会起作用。当我将它与容器一起使用时，它无法正常工作。为什么呢？