html - カスタム位置列のブートストラップ

Question

モバイル デバイスでの表示時に列のブートストラップに問題があり、

だからこの例：

<div class="row">
   <div class="col-md-5"> </div> 
   <div class="col-md-7"> </div>
</div>

モバイルで表示すると、col-md-5 が上部に表示され、col-md-7 が下部に表示されます。

しかし、col-md-5 が下に表示され、col-md-7 が一番上に表示されます。

私への提案はありますか？

Answer 1

これが正しい方法かどうかはわかりませんが、「非表示」または「表示」クラスを使用できます

'隠れた'：

<div class="row">
   <div class="col-md-5 hidden-xs hidden-sm">content abc </div> 
   <div class="col-md-7"> </div>
   <div class="col-md-5 hidden-md hidden-lg">content abc </div>
</div>

または「見える」：

<div class="row">
   <div class="col-md-5 visible-md visible-lg">content abc </div> 
   <div class="col-md-7"> </div>
   <div class="col-md-5 visible-xs visible-sm">content abc </div>
</div>

ブートストラップの隠しクラスと可視クラスのリンクは次のとおりです: ブートストラップ応答ユーティリティ