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