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