1

我试过但找不到满意的答案。我想使用 Twitter bootstrap 让我的设计具有响应性。我得到不同尺寸的 PSD，即 1200、1024、980、960 等，并相应地创建一个 1200、1024、980、960 的#wrap，然后在该包装内进行所有设计。我对引导程序感到困惑。我的问题是我可以仅在 BootStrap Grid 上设计的 PSD 上应用响应式引导程序，还是可以在任何大小的 PSD 上使用响应式引导程序？如果是，那么我如何将它与每个 PSD 一起使用？

4

1 回答 1

5

Bootstrap 使用某些断点来更改不同设备上的外观 - 一些详细信息：http: //twitter.github.com/bootstrap/scaffolding.html#responsive

“正常”引导版本有 12 个列，但您可以重新定义 ColumnWidth 和 gutterWidth。还有 16 个 cols 引导版本，例如http://lightglitch.github.com/bootstrap-xtra/甚至 24 个 cols 网格 - 试试 google。

因此，对我来说，从 PSD 到 HTML 的最佳实践是按照预期的网格和媒体分辨率进行设计，并在新项目开始时向设计师建议。

更难的方法是：看看 bootstrap 是如何做到的，然后构建你自己的小框架来适应你的 PSD。

于 2012-10-05T11:10:43.417 回答