Bootstrap 3和媒体查询

Question

我试图了解Bootstrap如何使用媒体查询（或者我尝试低估媒体查询）来确定它们如何呈现内容。我选择了下面的一个媒体查询。有人能为我解释这个吗？我的猜测是，这意味着如果当前分辨率为768px或更高，则定义.col-sm-1消耗宽度的~8.33％。

Answer 1

是的，确切地说。它们是条件css语句，用于打印，设备，大小等等。

这是媒体查询的w3细分。 http://www.w3.org/TR/css3-mediaqueries/

Answer 2

他们有12个这样的类.col-sm-12使用100％。这些类不仅用于整个页面，而且还相对于使用此类的当前元素所在的容器应用

假设在大小为200px的DIV中，如果要添加类为.col-sm-2的元素，则元素的宽度等于200px的16.66％