css - Bootstrap レスポンシブ モードで div マージンを調整する

Question

HTML に次の行があり、ブートストラップ レスポンシブ CSS を使用して開発しました。デスクトップとタブレットで SPAN4 -15px をプッシュしたいと思います。

<div class="row-fluid" id="lat1">
   <div class="span8></div>
   <div class="span4></div>
</div>

次の解決策を試しましたが、うまくいきません。ここで私が間違っていることを教えてください。

@media (min-width: 320px){
    #lat1 .span4 {
        margin-left : -15px;
    }
}

また、メディア クエリは、HTML5 をサポートするすべてのブラウザーでサポートされていますか?