我刚刚继承了一个不幸使用Bootstrap 2的项目，我以前习惯使用Bootstrap 3但之前从未使用过版本2.
我已经对差异做了一些阅读，据我所知，列使用span*，其中*表示您希望该元素跨越的列数。
但是我对如何根据您的不同断点更改此内容感到困惑？
例如，在Bootstrap 3中，你可以这样做：
col-sm-4
col-md-8
如何更改Bootstrap 2中的元素？
答案 0 :(得分：1)
你不能！ bootstrap 3.x网格系统具有针对不同设备的预定义类 - col-xs-*，.col-sm-*，.col-md-*和.col-lg-*。
Bootstrap 2.x没有。它有一个预定义类系统，仅用于一个视口：
默认的Bootstrap网格系统使用12列，制作一个 940px宽的容器，未启用响应功能。随着 添加了响应式CSS文件，网格适应724px和1170px宽 取决于您的视口。低于767px视口，列成为 流体和垂直堆叠。
要在bootstrap 2.x中以3.x实现相同的行为，您必须include bootstrap-responsive.css保持不同媒体大小的硬编码.span宽度（以及更多），与{{几乎相同1}}等：
col-xs-*所以在bootstrap 2.x @media (min-width: 768px) and (max-width: 979px) {
...
.span3 {
width: 166px;
}
.span2 {
width: 104px;
}
.span1 {
width: 42px;
}
...
与.span1，col-xs-1，.col-sm-1和.col-md-1相同，具体取决于视口， if 您已包含.col-lg-1。