转换为现有Web应用程序的引导程序

Question

我一直在研究将使用自定义设计的css而没有样式指南的现有Web应用程序转换为使用引导程序。 Web应用程序使用模板系统，可以轻松创建使用引导程序的原型模板。但是，在使用引导程序模板时，站点的许多页面都会发生冲突/出现css冲突。对于那些已成功在您的应用中实施引导程序的人，您是如何做到的？

我希望通过增量集成和部署，在几个月的时间内将引导程序模板慢慢集成到站点中。这是合理的还是你发现它需要“全有或全无”的方法？

谢谢！

Answer 1

Twitter引导现有网站需要您执行以下操作：

1. 将HTML改为按照bootstrap的css需要的方式进行结构化
2. 添加bootstrap CSS文件（以及JS文件）
3. 删除大部分自定义CSS（仅保留非常具体的CSS定义）

如果你擅长操纵boostrap看起来像你的旧设计，它不需要全有或全无的方法，否则，你应该在将它发布到生产之前做大部分工作。

Answer 2

我使用Twitter Bootstrap基础和本地覆盖。

我使用自定义LESS implementation of Bootstrap 3，跟随此Smashing Magazine article以尽可能匹配现有样式。这样可以在保持自定义的同时轻松升级Bootstrap。所以我已经将所有基础font-size和border-radius等匹配。

我保留旧的样式表仍然覆盖所有内容以匹配旧网站，尽可能完美地解决冲突。

最大的问题是确保网格匹配。

随着时间的推移，我会删除旧样式表的各个部分，然后保留自定义的Bootstrap。