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

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

我想通过增量集成和部署在几个月的时间内将引导模板缓慢地整合到网站中。这是合理的还是你发现它需要一个“全部或全部”的方法？

谢谢！

来源

2013-02-28 Zak

现有网站是否使用响应式设计？ – DavGarcia 2013-02-28 23:25:14

不，它不。 – Zak 2013-02-28 23:26:33

无论一次或一片一片地做，无所谓。只需建立一个开发网站并进行所需的任何更改。如果您正在测试所有内容，那么在部署之前始终可以确保其可行。关键是测试。 – cytinus 2013-02-28 23:34:38

Twitter的自举现有的网站需要你做到以下几点：

变化的HTML被结构化引导的方式CSS需要它是
添加引导程序CSS文件（和JS文件太）
去除大部分自定义的CSS（只留下非常具体的CSS定义）

如果你是善于操纵boostra它不需要全有或全无的方法看起来像你的旧设计，否则，是的，你应该在将它投入生产之前做大部分工作。

来源

2013-02-28 23:30:36 Kristian

我使用带有本地覆盖的Twitter Bootstrap库。

我使用自定义LESS implementation of Bootstrap 3，在此Smashing Magazine article之后尽可能匹配现有样式。这可以轻松升级Bootstrap，同时保持您的定制。所以我得到了所有的基地font-size和border-radius等的匹配。

我继续我的旧样式表，仍然覆盖所有匹配旧网站的旧样式表尽可能完美地解决冲突，因为我去了。

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

随着时间的推移，我删除旧的样式表的一部分，并保留自定义的引导程序。

来源

2017-01-15 11:01:27 icc97

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

回答

相关问题