Html 响应性设计超过2列使用顺序bootstrap3

使用Bootstrap3，我对列顺序的推/拉有一些疑问。以下是我想要的： 现在大尺寸

    .          .         .                                 
l   .    c     .     r   .                    
    .          .         .

小号

  .                   .                                     
  .         c         .                       
  .                   . 

  .        .          .                               
  .    l   .   r      .
  .        .          .

请帮帮我？

使用列xs-*表示最小的显示布局。将col lg-*更改为col sm-*以便引导将此样式用于所有其他显示尺寸

<div class="row">
  <div class="col-xs-12 col-sm-6 col-sm-push-2">col2</div>      
  <div class="col-xs-6 col-sm-2 col-sm-pull-6">col1</div>
  <div class="col-xs-6 col-sm-4">col3</div>
</div>

将col2设置为col-xs-12将强制其他元素位于新行上

通过将col2移动为第一项，可以使用col sm push-*&col sm pull-*将其移动到较大显示尺寸上的第二个位置

<div class="row">
  <div class="col-xs-12 col-sm-6 col-sm-push-2">col2</div>      
  <div class="col-xs-6 col-sm-2 col-sm-pull-6">col1</div>
  <div class="col-xs-6 col-sm-4">col3</div>
</div>

---

使用。

您有任何HTML可显示给我们吗？这有助于了解您的尝试。html代码如下：此代码的可能重复将第一列col-sm-2向上推，并在第一列的打击中居中和右列，但我想居中移动到upSorry，我误解了您的问题。我找到了答案，并对答案进行了编辑。看见