Twitter bootstrap 与引导3相比，引导2和使用网格

我刚刚继承了一个项目，不幸的是它使用了

bootstrap2

，我习惯于使用

bootstrap3

，但以前从未使用过版本2

我已经阅读了一些关于差异的内容，据我所知，这些列是通过使用

span*

where*来工作的，其中*表示您希望该元素跨越的列的数量

但是，我不知道如何根据不同的断点来更改它

例如，在Bootstrap 3中，您可以执行以下操作：

col-sm-4
col-md-8

---

如何更改引导程序2中的元素？

您不能！bootstrap 3.x网格系统具有针对不同设备的预定义类-

col xs-*

、

.col sm-*

、

.col md-*

和

col lg-*

Bootstrap 2.x还没有实现。它有一个预定义类系统，仅针对一个视口：

默认的引导网格系统使用12列，这使得 940px宽容器，未启用响应功能。和 添加了响应性CSS文件，网格宽度为724px和1170px 取决于您的视口。在767px视口下方，列将变为 流体和垂直堆叠

要在bootstrap 2.x和3.x中实现相同的行为，您必须为不同的介质大小保留硬编码的

.span

宽度（以及更多），实际上与

列xs-*

等相同：

@介质（最小宽度：768px）和（最大宽度：979px）{
...
.span3{
宽度：166px；
}
.span2{
宽度：104px；
}
.span1{
宽度：42px；
}
...

---

因此，在bootstrap 2.x

中，span 1

与

col-xs-1

相同，

.col-sm-1

、

.col-md-1

和

.col-lg-1

取决于视口，如果包含

bootstrap>responsible.css

。

请检查谢谢。因此基本上使用

span*/code>将为所有屏幕大小设置宽度，并且您可以必须手动处理其他操作吗？@Brett-是的，请记住按照提及响应链接中的说明包含
。我在几个项目中使用过它，效果很好。