Twitter bootstrap 如何使用引导将我的设计从草图3转换为CSS？

我想了解使用Boostrap作为框架的响应式Web设计的工作流是如何工作的。我特别不确定如何将我的设计从草图3转换为CSS（引导）

工具/框架：草图3，Bootsrap
目标：完全响应Web设计

我目前的理解是：

使用4种不同的布局，在草图3中创建4种不同版本的网站

• Dekstop HD
• 桌面
• 平板电脑
• 电话

Bootstrap+CSS+HTML

• 分析所有部分（页眉、正文、页脚、侧边栏等），并确定xs、s、md、lg列所需的列数
• 使用所有4种不同的网格大小（xs、s、md和lg）构建网站的基本结构
  

我应该从Sketch3导出什么
我是否只导出按钮，并使用CSS构建其余按钮
我是否从所有4种不同的布局中导出所有按钮

---

我想确保它完全响应并且易于维护。

这实际上取决于设计的外观。大多数情况下，您可以完全使用CSS重新创建整个页面（除了徽标、背景和其他样式化得无法重建的内容）。如果看不到实际的设计，就很难给出任何真正的建议

对于引导，您需要将页面分成行和列。每行中有12列。Bootstrap的好处在于，如果你做得正确，它会为你做大部分响应性的事情

完成页面搭建后，您需要设置页面样式，然后使用媒体查询解决任何响应问题

网上有大量的资源，但我建议从官方的引导文档和W3学校的教程开始。我已经发布了下面两个的链接

---

希望这至少对您有所帮助。祝你好运

这取决于设计的外观。大多数情况下，您可以完全使用CSS重新创建整个页面（除了徽标、背景和其他样式化得无法重建的内容）。如果看不到实际的设计，就很难给出任何真正的建议

对于引导，您需要将页面分成行和列。每行中有12列。Bootstrap的好处在于，如果你做得正确，它会为你做大部分响应性的事情

完成页面搭建后，您需要设置页面样式，然后使用媒体查询解决任何响应问题

网上有大量的资源，但我建议从官方的引导文档和W3学校的教程开始。我已经发布了下面两个的链接

希望这至少对您有所帮助。祝你好运