css - 如何在网站的移动版本中对齐 div 标签？

Question

我正在使用 JSBin 做一个网站。

它位于 http://jsbin.com/alajih/10

问题是我正在做的移动尺寸。第一张图片堆叠得很好。第二张图片做了一件奇怪的事情，它向右突出并且没有与顶部图片对齐。不确定为什么会这样。

部分代码如下:

@media (max-width: 767px) {
    .contacttext {
        font-size: 19px;
        font-weight: bold;
        vertical-align:middle;
    }
    .nav {
        margin: 0;
    }

    .contact > li {
        display:block;
        width:767px;
        float:none;
    }

    .social{
        color: #fff;
        display:block;
        float:none;
    }
    li {
        padding: 7px 20px 0 0px;
    }
    row-fluid > .span8 {
        width:100%;
        display: block;
        float: none;
    }
    .span4 {
        width:100%;
        display: block;
        float: none;
    }

    .row-fluid [class*="span"] {
        float: none;
        width: 100%;
    }
    .row-fluid > .firstpic {
        padding: 0 0 20px 0;
    }

}

Answer 1

修改css添加:

.row-fluid [class*="span"] {
    margin-left: 0px;
}