このレイアウトのブートストラップ行/列のベストプラクティス

Question

必要なレイアウト：デスクトップの場合、下の図のようになります。携帯電話/タブレット用のブロック1,2,3。問題：ブートストラップグリッドの行と列の組み合わせを見つけることができません。

同じものをコーディングしてください。ありがとうございました。

Answer 1

ブートストラップを使用して、2列目にpull-rightを使用する必要がありますfloat:left使用しているので...

<div class="row"> 
    <div class="col-xs-12 col-md-8"> 
     <div class="well"> 
      1 
     </div> 
     </div> 
     <div class="col-xs-12 col-md-4 pull-right"> 
     <div class="well taller"> 
      2 
     </div> 
     </div> 
     <div class="col-xs-12 col-md-8"> 
     <div class="well tall"> 
      3 
     </div> 
     </div> 
    </div> 

http://www.codeply.com/go/aLE3gzcimH