Twitter bootstrap 转换为现有web应用程序的引导

Twitter bootstrap 转换为现有web应用程序的引导,twitter-bootstrap,Twitter Bootstrap,我一直在考虑将一个使用定制设计的css(没有样式指南)的现有web应用程序转换为使用引导。这个web应用程序使用了一个模板系统,让我可以轻松创建一个使用引导的原型模板。但是,在使用引导模板时,站点的许多页面都会出现中断/css冲突。对于那些已经成功地将引导程序应用到你的应用程序中的人来说,你是如何做到的 我希望通过增量集成和部署,在几个月的时间内将引导模板慢慢集成到站点中。这是否合理,或者您是否发现它需要“全部或全部”方法 谢谢 Twitter引导现有站点需要您执行以下操作: 更改HTML的结构

我一直在考虑将一个使用定制设计的css(没有样式指南)的现有web应用程序转换为使用引导。这个web应用程序使用了一个模板系统,让我可以轻松创建一个使用引导的原型模板。但是,在使用引导模板时,站点的许多页面都会出现中断/css冲突。对于那些已经成功地将引导程序应用到你的应用程序中的人来说,你是如何做到的

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


谢谢

Twitter引导现有站点需要您执行以下操作:

  • 更改HTML的结构,使其符合bootstrap的css的需要
  • 添加引导CSS文件(以及JS文件)
  • 删除大部分自定义CSS(只留下非常特定的CSS定义)

  • 如果你善于操纵Bootstrap使其看起来像你的旧设计,那么它不需要全有或全无的方法,否则,是的,你应该在将其发布到生产环境之前完成大部分工作。

    我使用一个带有本地覆盖的Twitter引导库

    我使用一个定制的,遵循这一点,以匹配现有的风格以及可能的。这允许轻松升级引导,同时保持您的定制。因此,我得到了所有基本
    字体大小
    边框半径
    等匹配项

    我保留我的旧样式表,它仍然覆盖所有内容,以尽可能完美地匹配旧站点,从而解决冲突

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


    随着时间的推移,我删除了旧样式表的各个部分,只保留了定制的引导功能。

    现有网站是否使用了响应式设计?是一次性完成还是逐件完成都无关紧要。只需设置一个开发站点并进行任何更改即可。如果您要测试所有内容,那么在部署之前,您可以始终确保它工作正常。关键是测试。