html - Bootstrap 3.x 类似于 Bootstrap 2.3 中的网格列排序

Question

现在我知道 Bootstrap 3.x 已经出来了，我应该转移到 3.x。但是，这是在使用 Bootstrap 2.3.1 的现有站点中提出的更改请求。

这是我想要实现的目标:

我在 12 列 Bootstrap 网格中使用 3 列布局:

<div class='row'>
  <div class='span3'></div>
  <div class='span6'></div>
  <div class='span3'></div>
</div>

期望的响应行为是:

大屏幕:

[ X ][ Y Y ][ Z ]

平板电脑肖像:

[ Y    Y ]
[ X ][ Z ]

较小的屏幕:

[YY]
[X]
[Z]

现在，我知道这可以使用 grid column ordering of Bootstrap 3.x 来实现.但是，我需要使用 Bootstrap 2.3 来实现这一点。

Fiddle for those willing to give this a try!

Answer 1

在 Bootstrap 2.x.x 中，该行的左边距是负的，而 span-x 的左边距是用来获取装订线的。如果第二个跨度堆叠到下一行，它肯定会有左边距。

我的建议是只从 http://getbootstrap.com/customize/ 下载网格并附加到现有的 Bootstrap css 或自定义 css 中。使用新的网格系统来获得你想要的。