有人可以解释Bootstrap 3.0网格系统。我一直在使用Bootstrap v2网格，它有简单的span1到span12的列。现在Bootstrap 3.0有不同类型的列大小，如.col- .col-sm- .col-lg-
我找到了这个例子： http://examples.getbootstrap.com/grid/index.html，但它有许多不同的方式，比如我无法理解“混合：移动和桌面”网格，其中.col-12 .col-lg-8在一起。
我希望将我的Bootstrap v2网站迁移到Bootstrap v3，但是发现这些更改太多了。
请解释。
编辑： 还有一篇很好的文章解释了Bootstrap 3 Grid（这篇文章是在我在这里提出我的问题后发现的。希望它能帮助未来的读者）： http://blog.jetstrap.com/2013/08/bootstrap-3-grids-explained/
它的基本要点是.col类的不同迭代允许您为不同的设备（手机，平板电脑，台式机）指定网格行为。所以，在这个例子中你要问的是 .col-lg-8 指定div应占用桌面上的8列 .col-12 指定div应占用移动设备上的12列（整行）。这种特殊性使您能够以不同于Bootstrap 2的方式精确控制内容在不同屏幕尺寸上的布局方式。
总的来说，我找到了理解这些在实践中意味着什么是在不同设备类型上调出示例页面或重新调整浏览器窗口大小并简单比较结果的最佳方法。
此外，正如您的问题的评论中所述，从Bootstrap 2迁移到3的想法不一定是目标。您可以通过更新现有内容来尝试执行此操作 .span* 新课程 .col-* 类，但还有其他一些考虑因素，例如您的现有项目是固定宽度还是流量可能导致此问题。网格布局之外的两个版本之间还有许多其他更改，这些更改也可能会给您带来问题。
在bootstrap 3中查看关于新Grid系统的这个优秀教程