在Twitter Bootstrap中，视口断点是否应该影响到断点的区域之外？

Question

好吧，也许这个问题的标题没有意义（或者，没有什么意义）。下面是我的问题的细节。

如果我没有说错的话，在Twitter Bootstrap中。-sm- 意味着它的断点是 min-width: 576px 和 max-width: 767.98px. 例如：

@media (min-width: 576px) {
     /* ... */
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

但是，有些代码在 Twitter Bootstrap's bootstrap.css 文件，我注意到这样的情况。

@media (max-width: 575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

而且似乎我们使用的是 .navbar-expand-sm 对于视口尺寸小于最小宽度要求的设备，可采用以下方式来实现 sm. (这不仅是针对 sm)

我不明白这个神话故事。你能给我一个宝贵的想法吗？sm 在 Twitter Bootstrap

Answer 1

这一部分只针对bootstrap网格大小系统。

它们被认为是 <576px 适用于手机等特小设备。

sm 是针对平板电脑等小型设备的，尺寸从 ≥576px 以至于 <768px. 因此，基于我们在bootstrap中有5个部分的尺寸，其他部分将继续增长到1200px的超大桌面。

导航条有不同的尺寸系统，只有4个部分，我们没有超小的导航条，所以最后一部分是sm部分。