Twitter Bootstrap和不同尺寸的PSD

Question

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

Answer 1

引导使用某些断点改变在不同设备上appearence - 一些详细资料：http://twitter.github.com/bootstrap/scaffolding.html#responsive

的“正常”的引导版本有12周的cols，但你可以重新定义columnWidth和的gutterWidth。还有16种cols bootstrap版本，如http://lightglitch.github.com/bootstrap-xtra/甚至24 cols网格 - 尝试谷歌。

因此，对于我来说，从PSD到HTML的最佳实践是在预期的网格和媒体解决方案中进行设计，并向设计人员建议新项目的开始。

更难的方法是：看看引导程序是如何做到的，并建立自己的小框架以适合您的PSD。