6

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

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

谢谢！

4

2 回答 2

3

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

  1. 将 HTML 更改为 bootstrap 的 css 需要的结构
  2. 添加引导 CSS 文件（以及 JS 文件）
  3. 删除大部分自定义 CSS（只留下非常具体的 CSS 定义）

如果您擅长操纵 boostrap 使其看起来像您的旧设计，则它不需要全有或全无的方法，否则，是的，您应该在将其投入生产之前完成大部分工作。

于 2013-02-28T23:30:36.700 回答
0

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

在这篇Smashing Magazine 文章之后，我使用了Bootstrap 3 的自定义 LESS 实现，以尽可能匹配现有样式。这允许轻松升级 Bootstrap，同时保持您的自定义。所以我已经得到了所有的基础等匹配。font-sizeborder-radius

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

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

随着时间的推移，我删除了旧样式表的部分，只留下了定制的 Bootstrap。

于 2017-01-15T11:01:27.660 回答