css - サイトのモバイル版で div タグを揃えるには?

Question

私はJSBinを使ってサイトをやっています。

http://jsbin.com/alajih/10にあります

問題は、私がやっている携帯サイズです。最初の画像は問題なくスタックします。2 番目の画像は、右に突き出ており、上の画像と位置合わせされていないという奇妙なことをしています。なぜそれが起こっているのか分かりません。

コードの一部を次に示します。

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