Bootstrap - 容器宽度与可用屏幕宽度
Bootstrap - Container Width Vs Available Screen Width
我是一名设计师,正在尝试使用 Bootstrap 为开发人员提供输出。
我正在思考设备大小和容器大小之间的差异。
对于固定容器 - 建议的大尺寸为 992 像素,容器尺寸为 960 像素。
我应该为整个 992 像素设计吗?要么
应该只将设计放在容器大小内 - 960px?
在固定布局中容器大小可以更改为 992 像素吗?
谢谢!
听起来您的网站将以页面为中心。
如果您对 Bootstrap 默认使用的容器尺寸感到满意,我会为它们设计并将您的设计保持在 960 像素以内(对于大屏幕)。侧面的额外 space 起到了窃听器的作用,这样您的网站就不会被压在屏幕的侧面,这可能会导致您的设计显得皱巴巴、杂乱无章。
请注意,Bootstrap 并不是您唯一的风格指南。每个项目都有不同的需求,如果您的项目受益于不同的容器大小,我们非常欢迎您根据自己的目的覆盖这些样式。出于这个原因,他们在 SASS 中包含了他们的源代码,而且您总是可以在事后覆盖您自己的样式表中的样式。
至于设计您的 UI,我不确定您的 UI 元素是什么样的,但是如果您正在设计响应式媒体,请务必在设计它们时知道您的UI 将缩放。尽量设计不依赖固定宽度的元素;让您的元素流动并包裹在您的组件中。
我是一名设计师,正在尝试使用 Bootstrap 为开发人员提供输出。
我正在思考设备大小和容器大小之间的差异。
对于固定容器 - 建议的大尺寸为 992 像素,容器尺寸为 960 像素。
我应该为整个 992 像素设计吗?要么 应该只将设计放在容器大小内 - 960px? 在固定布局中容器大小可以更改为 992 像素吗?
谢谢!
听起来您的网站将以页面为中心。
如果您对 Bootstrap 默认使用的容器尺寸感到满意,我会为它们设计并将您的设计保持在 960 像素以内(对于大屏幕)。侧面的额外 space 起到了窃听器的作用,这样您的网站就不会被压在屏幕的侧面,这可能会导致您的设计显得皱巴巴、杂乱无章。
请注意,Bootstrap 并不是您唯一的风格指南。每个项目都有不同的需求,如果您的项目受益于不同的容器大小,我们非常欢迎您根据自己的目的覆盖这些样式。出于这个原因,他们在 SASS 中包含了他们的源代码,而且您总是可以在事后覆盖您自己的样式表中的样式。
至于设计您的 UI,我不确定您的 UI 元素是什么样的,但是如果您正在设计响应式媒体,请务必在设计它们时知道您的UI 将缩放。尽量设计不依赖固定宽度的元素;让您的元素流动并包裹在您的组件中。