我刚刚开始使用Bootstrap 3，在理解如何使用网格类时遇到了一些问题.
以下是我到目前为止发现的情况:
col-sm-#级和col-lg-#级似乎与普通的col-#级有所不同，因为它们仅适用于屏幕大于一定尺寸(分别为768px和992px)的情况.如果省略-sm-或-lg-div将永远不会折叠成一列.
然而，当我在一行中创建两个都是col-sm-6的div时，当窗口宽度在768px和992px之间时，它们似乎是only并排.换句话说，如果我一直缩小窗口，然后慢慢加宽它，布局是单列，然后是两列，然后回到单列again.
<div class="col-sm-6 col-lg-6">)col-6 also吗？<div class="col-6 col-sm-6 col-lg-6">
[UPDATE BELOW]个
我又看了一遍文档，似乎忽略了一个专门讨论这个问题的部分.
我的问题的答案是:
是的，它们只适用于特定范围，而不是特定宽度以上的所有内容.
是的，这些课程是要合并的.
这似乎在某些情况下是合适的，但在其他情况下就不合适了，因为ol-#类基本上等同于ol-xsm-#或0px以上的宽度(所有宽度).
除了阅读文档太快之外，我想我很困惑，因为我是带着"Bootstrap 2心态"进入Bootstrap 3的.具体地说，我在v2和v3中使用的(可选)响应样式(bootstrap-responsive.css)非常不同(为了更好地使用IMO).
UPDATE for stable release:个
这个问题最初是在RC1推出时编写的.他们对RC2做了一些重大修改，所以对于现在阅读本文的人来说，并不是上面提到的所有内容都仍然适用.
在我目前写这篇文章的时候，这col-*-#个类似乎确实适用于更高的版本.因此，例如，如果您希望电话的元素为12列(全宽)，而平板电脑及以上的元素为两列6列(半页)，则可以执行以下操作:
<div class="col-xs-12 col-sm-6"> ... //NO NEED FOR col-md-6 or col-lg-6
(在写完这个问题之后，他们还增加了一个额外的X断点.)