具有不同屏幕尺寸的不同布局与bootstrap 3

Question

我希望使用bootstrap 3为相同的内容实现2种不同的布局。让我们说我有div1橙色，div2蓝色和div3绿色。是否有可能将它们排列在屏幕截图上，所以在第二个布局中绿色div与橙色div在同一行？

Answer 1

你可以这样做......

<div class="container">
  <div class="row">
        <div class="col-xs-12 col-sm-9 one">1</div>
        <div class="col-xs-3 col-sm-3 two pull-right">2</div>
        <div class="col-xs-9 col-sm-9 three pull-left">3</div>
  </div>
</div>

http://bootply.com/109690