html - 使用 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

您可以使用 push and pull从 twitter 的网格中，从该代码布局将从 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>