Twitter Bootstrap和不同大小的PSD

Question

我试过但找不到满意的答案。我想使用Twitter引导程序来使我的设计响应。我得到不同大小的PSD，即1200,1024,980,960等，我相应地创建了一个1200，1024,980,960的#wrap，然后在该包装内完成所有设计。我对Bootstrap很困惑。我的问题是我可以在BootStrap Grid上设计的PSD上应用响应式引导程序，还是可以在任何大小的PSD上使用响应式引导程序？如果是，那么我如何在每个PSD中使用它？

Answer 1

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

'普通'bootstrap版本有12个cols，但你可以重新定义ColumnWidth和gutterWidth。还有16个cols引导程序版本，如http://lightglitch.github.com/bootstrap-xtra/甚至24个cols网格 - 尝试google。

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

更难的方法是：看看bootstrap是如何做到的，并建立自己的小框架以适应你的PSD。