html - 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);
}

我得到的结果是 我想要的结果是阴影是连续的，中间没有空间。 这是我到目前为止所做的 fiddle 预览

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);
}