css - Bootstrap 3 を使用して小さな画面で中央の列を一番上に表示するにはどうすればよいですか?

Question

次のコードは " 1 2 3 "を示しています。

<div class="row">
    <div class="col-md-3">
        1
    </div>
    <div class="col-md-6">
        2
    </div>
    <div class="col-md-3">
        3
    </div>
</div>

小さい画面 (携帯電話) でメイン コンテンツを一番上に表示するにはどうすればよいですか。" 2 1 3 "?

Answer 1

あなたはこれを行うことができます..

<div class="row">
    <div class="col-md-6 col-md-push-3">
        2
    </div>
    <div class="col-md-3 col-md-pull-6">
        1
    </div>
    <div class="col-md-3">
        3
    </div>
</div>

デモ: http://bootply.com/91812