css - 为什么 Bootstrap 的 col-xs-offset-* 类除了适用于超小显示器外还适用于其他视口(viewport)尺寸？

Question

我有以下 html:

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

问题是，即使视口(viewport)大于 768 像素(xs 大小)，我也会得到 1 列偏移量。有什么想法为什么我会得到这个偏移量吗？

Answer 1

因为那是您告诉它要做的。作为 Bootstrap docs说:

Grid classes apply to devices with screen widths greater than or equal to the breakpoint sizes, and override grid classes targeted at smaller devices.

所以你可以用一个 sm 覆盖你的 xs 偏移:

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