Bootstrap - 容器宽度与可用屏幕宽度

Bootstrap - Container Width Vs Available Screen Width

我是一名设计师,正在尝试使用 Bootstrap 为开发人员提供输出。

我正在思考设备大小和容器大小之间的差异。

对于固定容器 - 建议的大尺寸为 992 像素,容器尺寸为 960 像素。

我应该为整个 992 像素设计吗?要么 应该只将设计放在容器大小内 - 960px? 在固定布局中容器大小可以更改为 992 像素吗?

谢谢!

听起来您的网站将以页面为中心。

如果您对 Bootstrap 默认使用的容器尺寸感到满意,我会为它们设计并将您的设计保持在 960 像素以内(对于大屏幕)。侧面的额外 space 起到了窃听器的作用,这样您的网站就不会被压在屏幕的侧面,这可能会导致您的设计显得皱巴巴、杂乱无章。

请注意,Bootstrap 并不是您唯一的风格指南。每个项目都有不同的需求,如果您的项目受益于不同的容器大小,我们非常欢迎您根据自己的目的覆盖这些样式。出于这个原因,他们在 SASS 中包含了他们的源代码,而且您总是可以在事后覆盖您自己的样式表中的样式。

至于设计您的 UI,我不确定您的 UI 元素是什么样的,但是如果您正在设计响应式媒体,请务必在设计它们时知道您的UI 将缩放。尽量设计不依赖固定宽度的元素;让您的元素流动并包裹在您的组件中。