bootstrap行/列此布局的最佳实践

Question

所需布局：适用于桌面，如下图所示。对于以1,2,3的顺序堆叠的移动/平板电脑块。问题：无法找到引导网格的行和列的组合。

请帮我编码一样。谢谢。

Answer 1

由于Bootstrap使用float:left，您需要在第二列使用pull-right ...

<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