ブートストラップのdivはスタックしません

Question

私はブートストラップを使ってグリッドタイプのレイアウトを実現しています。

しかし、XSクラス（モバイルデバイス）を適用すると、2つのdivはスタックしません。

私の最初のdivは、このような設定である：

<div class="col-xs-12 col-md-3 pull-right" id="ad-container"> 
Content 
</div> 

そして、このように私の第二1：私は携帯サイズで表示する場合

<main id="content" class="col-xs-12 col-md-9 content-area" role="main"> 
Content 
</main> 

、<main>要素は、単に直接の岩下座っています'広告コンテナ'

pull-rightがこれを引き起こしている可能性がありますか？

おかげ

Answer 1

pull-rightが問題のようです。あなたのコンテンツ領域が9とcol-md-pull-3右に列がに列を「プル」「プッシュ」Column Ordering

<div class="row"> 
    <div class="col-xs-12 col-md-3 col-md-push-9" id="ad-container"> 
    Content 
    </div> 
    <div id="content" class="col-xs-12 col-md-9 col-md-pull-3 content-area" role="main"> 
    Content 
    </div> 
</div> 

col-md-push-9を使用し、より大きな画面で左が、携帯電話上での広告コンテナの下に積層されているに来ることを保証するために、 「md」以上の画面では3つ左に表示されます。