【问题标题】:Bootstrap container spacing引导容器间距
【发布时间】:2014-08-05 22:07:11
【问题描述】:

您好,我创建了一个引导 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

【问题讨论】:

    标签: html css wordpress twitter-bootstrap


    【解决方案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);
    }
    

    【讨论】: