使用twitter bootstrap排序列

Question

您好，我有twitter bootstrap的简单代码，希望得到帮助：

<div class="row">
  <div class="col-*-*">.....</div>    //column 1
  <div class="col-*-*">.....</div>    //column 2
  <div class="col-*-*">.....</div>    //column 3
</div>

我能做什么，以便在显示时改变显示顺序，即。第2列显示在左侧，第1列显示在中心，第3列可以保留在其位置。

Answer 1

您可以使用Twitter网格中的push and pull，从该代码中，布局将从1,2,3更改为2,1,3

<div class="row">
  <div class="col-lg-4 col-lg-push-4">.....</div>    //column 1
  <div class="col-lg-4 col-lg-pull-4">.....</div>    //column 2
  <div class="col-lg-4">.....</div>    //column 3
</div>