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

时间:2017-02-07 16:05:46

标签: twitter-bootstrap photoshop

我是设计师并尝试使用Bootstrap为开发人员生成输出。

试图绕过设备大小和容器大小之间的差异。

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

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

谢谢!

1 个答案:

答案 0 :(得分:0)

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

如果您对Bootstrap默认使用的容器尺寸感到满意,我会为它们设计并将您的设计保持在960px(对于大屏幕)。侧面的额外空间充当了一个错误,因此您的网站不会被压在屏幕的一侧,这可能会导致您的设计显得邋and和杂乱。

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

至于设计你的UI,我不确定你的UI元素是什么样的,但是如果你正在设计一个响应式媒体,一定要设计它们,因为你知道你的UI会扩展。尽力设计不依赖于固定宽度的元素;让你的元素流动并包裹在你的组件中。