css - Bootstrap 3 で画面解像度が低下した場合に列を右から左に積み重ねる

Question

Bootstrap 3 では、次のものがあれば:

<div class = "row">
     <div class = "col-md-6" id = "one">
     <div class = "col-md-6" id = "two">
</div>

ブラウザーの幅を減らし始めると、DIV "two" は最終的に DIV "one" の下に新しい行を形成します。DIV「1」がDIV「2」の下に積み重ねられるように、積み重ね順序を逆にするにはどうすればよいですか?

Answer 1

Bootstrap (および)の新しい列順序付けクラスを使用してこれを行うことができますが、要素が DOM に表示される順序が、「スタック」されたときに必要な順序であることを確認する必要があります。.col-md-push-*.col-md-pull-*

<div class="row">
    <div class="col-md-6 col-md-push-6" id="two">Two</div>
    <div class="col-md-6 col-md-pull-6" id="one">One</div>
</div>

デモフィドル