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

标签 css twitter-bootstrap twitter-bootstrap-3

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

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

最佳答案

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

关于css - 为什么 Bootstrap 3 强制容器宽度为特定大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19393264/

相关文章:

背景 Sprite 的jquery背景定位

html - 背景图像宽度为屏幕的 75%

html - 如何修改我的四个象限以允许它们之间存在一些 "breathing room"(HTML/CSS)?

css - 如果 Bootstrap CSS 文件托管在本地,字形会损坏

jquery - 侧边栏打开时向右和向左推送内容的问题

css - 行内 block 样式

css - 导入 style.css 时出现 Polaris Shopify 错误

javascript - 响应式图像缩略图

javascript - 如何在将鼠标悬停在动态添加的缩略图上时添加样式?

javascript - 无法获取引导工具提示来显示在 JS 中创建的图像