css - 为什么 Bootstrap 3 强制容器宽度为特定大小？

Question

如果我的浏览器大小为 992 像素宽，则 .container 的最大宽度为 970 像素。如果我的浏览器大小为 991 像素宽，那么 .container 的最大宽度为 750 像素。为什么最大宽度会有这么大的跳跃？为什么不设置 1170 像素左右的最大宽度，每边留出 20 像素的边距，这样当您调整浏览器窗口大小时，容器宽度会平滑缩放而不是大幅跳跃？

例如在 992px 的屏幕宽度下，我每边只有很小的边距(11px)。然而，在 991px 宽的情况下，我每边都有 120px 的边距，这意味着将近 25% 的屏幕空间是两侧的空白边距。这对我来说没有多大意义。这样做有什么原因吗？我可以在不破坏东西的情况下消除这种偏好某些容器宽度的行为吗？

Answer 1

Bootstrap 人的官方回答:

What it boils down to is that designing for specific breakpoints is easier (in my mind) than designing for unlimited, unknown sizes. The alternative you mention isn't wrong or bad, just different. I'd rather us maintain the tiers with very specific ranges