Bootstrap容器间距

Question

您好我创建了一个bootstrap HTML站点并将其转换为wordpress。我在所有 .container 中添加了阴影以使其统一在这里是我的 .container css

.container{
padding-left:0px;
padding-right:0px;
-moz-box-shadow:
     5px 0 5px -5px rgba(0, 0, 0, .5),
     -5px 0 5px -5px rgba(0, 0, 0, .5);
-webkit-box-shadow:
    5px 0 5px -5px rgba(0, 0, 0, .5),
   -5px 0 5px -5px rgba(0, 0, 0, .5);
box-shadow:
    5px 0 5px -5px rgba(0, 0, 0, .5),
    -5px 0 5px -5px rgba(0, 0, 0, .5);
}

我得到的结果是 我希望得到一个结果，在阴影中是连续的，中间没有空格。 这是我到目前为止所做的小提琴预览

jsfiddle.net/2KpQ3

Answer 1

尝试调整box-shadow属性的值。例如：

.container{
    padding-left:0px;
    padding-right:0px;
   -moz-box-shadow:
         5px 0 5px -1px rgba(0, 0, 0, .5),
         -5px 0 5px -1px rgba(0, 0, 0, .5);
    -webkit-box-shadow:
        5px 0 5px -1px rgba(0, 0, 0, .5),
       -5px 0 5px -1px rgba(0, 0, 0, .5);
    box-shadow:
        5px 0 5px -1px rgba(0, 0, 0, .5),
        -5px 0 5px -1px rgba(0, 0, 0, .5);
}