bootstrap Zeile/Spalte Best Practice für dieses Layout

Question

Erforderliche Layout: für Desktops wie in der Abbildung unten gezeigt. Für mobile/Tablet-Blöcke in der Reihenfolge 1,2,3 gestapelt. Problem: Die Kombination aus Zeile und Spalte für das Bootstrap-Grid konnte nicht gefunden werden.

bitte helfen Sie mir bei der Codierung derselben. Vielen Dank.

Answer 1

Seit Bootstrap verwendet float:left Sie pull-right auf der zweiten Spalte ...

<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

verwenden müssen