为什么Bootstrap的col-xs-offset- *类除了在超小显示器上工作之外，还可以在其他视口尺寸上工作？

Question

我有以下html：

 <div class="row">
     <div class="col-xs-10 col-xs-offset-1 col-sm-8">
        ...
     </div>
 </div>

问题是即使查看端口大于768px（xs大小），我也会得到1列的偏移量。任何想法为什么我会得到这个补偿？

Answer 1

因为那就是你告诉它要做的。正如Bootstrap 文档所说：

网格类别适用于屏幕宽度大于或等于断点大小的设备，并覆盖针对较小设备的网格类别。

因此，您可以xs使用一个覆盖您的偏移量sm：

<div class="col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-0">