从Bootstrap 2开始=> Bootstrap 3 ...没有破坏网站样式

时间:2016-04-08 19:15:59

标签: javascript twitter-bootstrap twitter-bootstrap-3

我继承了使用2.x版Bootstrap的代码库。最近我尝试升级到Bootstrap 3来修复bug。它修复了错误,但现在我的网站是一场灾难。标题标签更大但不粗体。我的下拉菜看起来不会下降,我的按钮看起来不像按钮。等等。

在我看来,我有两个选择:

  1. 恢复到Bootstrap 2,保存我的网站,找到另一种方法来解决我原来的问题(但后来我永远坚持了2)
  2. 咬紧牙关,花几个小时比较旧网站与新网站,并将旧引导程序中的所有样式复制到新的bootstrap-fixes.css
  3. 但是,鉴于Bootstrap 3已经推出一段时间了,我想也许这是一个已解决的问题(比上述任何一个都有更好的解决方案)。我的一个想法是使用引导程序自定义程序,它允许您覆盖基本引导程序样式。唯一的办法是,提供所有自定义Bootstrap 3的自定义选项(即看起来像Bootstrap 2)与创建config.json file的工作差不多。

    但是,自定义程序也需要config.json,这让我想知道:

    1. 是否有公开的<div id="id1"> <div id="id2"></div><br> <div id="id3"></div> <br> <div id="id2"></div><br> <div id="id3"></div> <br> <div id="id2"></div><br> <div id="id3"></div> <br> </div> 用于生成保留相关Bootstrap 2样式的Bootstrap 3样式?
    2. 如果没有,有没有其他方法可以获得Bootstrap 3 JS,以及某种匹配的CSS文件(自定义Bootstrap 3 CSS?升级Bootstrap 2 CSS?某种frankenstein&#39; s怪物?) JS,但不是我的网站吗?
    3. 提前感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

Bootstrap 2首先是桌面(优雅降级)。 Bootstrap 3从头开始编写为移动优先(渐进增强)。他们是两个完全不同的野兽。您需要先使用Bootstrap 3重新设计移动设备。

这是一个正式的变化列表:

Migrating to v3.x

您可以尝试使用某种自动化工具,但我个人并不相信这些工具是正确的。