除了超小型显示器之外，为什么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 docs所说：

  

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

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

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