ブートストラップを使用してlgやmdタイプに従ってdivを整列する方法は？添付画像に示すように、

Question

Iは

..私は..それがCOL 3 DIV以下COL 9 DIVを推進している書かれているコードで

.. MD及び/又はデバイスのLGの種類に応じてdivを整列させるために必要

<div class="col-lg-12 col-md-9"> 

col 1 <div class="col-lg-3 col-md-3 col-lg-push-9">...私が使用しています

HTMLは..です私はこの問題を解決するために助けてくださいcol 3 </div> <div class="col-lg-9 col-md-9"> col 2 </div>

Answer 1

これはあなたのために働くことができます。プッシュクラスの代わりに "プル右"クラスを使用してください。これはトリックを行う必要があります。

このLGとあなたが要求したとして例をmdの：あなたは小さな画面サイズに側に余分なスペースを追加したい場合は

<div class="col-lg-12 col-md-9"> 
    <!-- Content --> 
</div> 
<div class="col-lg-3 col-md-3 pull-right"> 
    <!-- Content --> 
</div> 
<div class="col-lg-9 col-md-9"> 
    <!-- Content --> 
</div> 

これはLG、MD、SMです。

<div class="col-lg-12 col-md-9 col-sm-8"> 
    <!-- Content --> 
</div> 
<div class="col-lg-3 col-md-3 col-sm-4 pull-right"> 
    <!-- Content --> 
</div> 
<div class="col-lg-9 col-md-9 col-sm-8"> 
    <!-- Content --> 
</div> 

ここでは例を参照してください：Example

よろしく！