将 Bootstrap 更新到版本 3 - 我该怎么办？答案

【问题标题】：Updating Bootstrap to version 3 - what do I have to do?将 Bootstrap 更新到版本 3 - 我该怎么办？
【发布时间】：2013-08-01 06:01:38
【问题描述】：

我是 Bootstrap 新手，使用的是旧版本 2.3.2。

第 3 版已发布。如果我想使用最新版本，是否只需简单地替换 CSS 和 Javascript 文件？

【问题讨论】：

您可能需要阅读更改并确保它们不会破坏您已有的任何内容，但是只需替换文件即可
是的，我只是想确保我这样做是正确的。我认为 Bootstrap 是有史以来最好的东西——太棒了。我热衷于使用下一个版本。我确定我正在阅读可以使用 .less 来管理更新的地方，但我可能错了。
Writing Twitter's Bootstrap with upgrading to v3 in mind 的可能重复项
请注意，尽管文档说 3.0 中的所有内容都是“流动的”，但它仍然为容器使用固定的像素宽度……这有点愚蠢，因为这与流动布局完全相反。

标签： twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

2018 年更新

引导 3 到 4

Bootstrap 4 upgrade tool（这将有助于从 Bootstrap 3 迁移到 4）

引导 2 到 3

周五（2013 年 7 月 26 日）宣布了 Bootstap 3 RC 1 的候选版本（不是最终版本 3），因此还没有任何官方迁移指南。

Bootstrap 3 有重大变化。与 2.x 没有向后兼容性，因此您不能只替换文件。但是，您可以在 Bootply 上找到一些有用的指导：

http://bootply.com/bootstrap-3-migration-guide

~~还有一个正在开发的 Bootstrap 迁移工具：https://github.com/iatek/bootstrap-migrate~~

Bootstrap 2.x to 3 升级工具：http://upgrade-bootstrap.bootply.com/v3

【讨论】：

来自未来的问候！这是 Bootstrap 4 工具：upgrade-bootstrap.bootply.com

【解决方案2】：

从http://getbootstrap.com/下载最新版本或用最新版本替换css和js文件或使用CDN（http://www.bootstrapcdn.com/）
迁移您的 html，是的，确实阅读了 http://bootply.com/bootstrap-3-migration-guide。你可以试试http://twitterbootstrapmigrator.w3masters.nl/ 或http://code.divshot.com/bootstrap3_upgrader/（也提供清单）
~~删除 html5shiv 导致 TB 放弃对 IE7 和 Firefox 3.x 的支持~~添加 html5shiv.js 以向 IE8 添加对 HTML5 元素的支持
为 IE 中的媒体查询支持添加 respond.js (https://github.com/scottjehl/Respond)。注意这不适用于 CDN，请参阅：IE8 issue with Twitter Bootstrap 3
~~如果您使用 Glyphicons，则必须从 http://glyphicons.getbootstrap.com/ 添加它们（图标已移至单独的存储库。）~~自 RC2 以来 Glyphicons 又回来了（字体格式的 180 个字形来自 Glyphicon Halflings 集）

https://stackoverflow.com/questions/18615964/ajax-call-in-bootstrap-3-0-typeahead/18620473

切换到最新版jQuery 1.x（不要使用2.x版本，因为jQuery 2.x不支持IE8）
如果您使用在您的代码中添加或插入 html 的第三方小部件（如 addthis.com、sharethis.com 和 Google 地图），请为 box-sizing 创建一个包装器，请参阅：Right border of the AddThis counter missing with Twitter's Bootstrap 3

其他：

Bootstrap 3 切换到 box-sizing:border-box 为什么？：https://stackoverflow.com/a/18858771/1596547

注意对 IE7 的支持已被删除。 https://github.com/coliff/bootstrap-ie7 尝试使用一些条件 CSS 重新添加 css 部分。

【讨论】：

这听起来像是一项艰巨的任务。这需要多长时间？ 1周的工作？ 1个月？ 6 个月？
问题是BS2不能向后兼容BS3，另见bassjobsen.weblogs.fm/…
如果我不得不猜测，我会说升级可能需要几个月的时间。残酷。
@Curt 给我发一封电子邮件。也许我可以帮助你？
如何给您发送电子邮件？通过你的 Twitter 句柄？看了一点v3，好像主要是为了增加对老款手机的支持。如果是这样，我认为我不需要 v3。

【解决方案3】：

如果您有一个大型应用程序，其中包含大量文件和大量自定义，那么每个工具都可能无法解决您面临的大多数情况。

首先，当然，我建议尝试：https://pypi.python.org/pypi/b2tob3/0.4 但这不能满足我的需要，我分叉了这个版本并调整了我自己的版本，以便能够一起迁移 Bootstrap 2 到 3 和 Font Awesome 3 到4 一起，一些在 b23tob3-v0.4（原始版本）中没有处理的情况正在尝试在我的版本中处理。

在这里阅读我的帖子：http://ask.osify.com/qa/589 在 github 中找到我的更新：https://github.com/metrey/b2tob3 您也可以在那里找到已编译的 Windows 应用程序并立即使用。

在使用该工具之前，请务必备份您的文件并将所有内容提交到源代码管理中。

祝你好运并分享你的想法。

【讨论】：

【解决方案4】：

升级到 Bootstrap 3 的两个在线工具：

FROM bootply

FROM divshot

【讨论】：

【解决方案5】：

不确定，但请使用此替换器 joomla 扩展程序

参考这个链接，

http://www.nonumber.nl/extensions/rereplacer

否则，模板覆盖是执行此操作的唯一方法。

【讨论】：

【解决方案6】：

我制作了一个 grunt 插件来自动将 bootstrap 2.3 升级到 3.0 html。

查看https://github.com/jdewit/grunt-html-upgrader

【讨论】：

【解决方案7】：

我刚刚迁移到 3.0.3，这个 python 应用程序https://pypi.python.org/pypi/b2tob3/0.4 让它变得很容易。

【讨论】：

【解决方案8】：

从 bootstrap 2.3 迁移到 3.0 几乎是不可能的。版本变化非常剧烈。我尝试使用 bootstrap 3.0 更新我的 zend framework 2 项目，结果一团糟（就像尝试使用 IE 5 打开一样）。

我的建议：使用 bootstrap 2.X 的旧项目让 bootstrap 2.x。新的启动项目，从 3.0 开始。

在我看来，这种版本更改是引导团队的一个非常大的错误。他们应该已经逐步更新了 2.4、2.5、2.6 ....

【讨论】：

我不同意几乎不可能的事情。完全可以迁移，您只需要遵循提供的指导即可。有关链接，请参阅社区 wiki 帖子。同样遵循语义版本号，允许进行重大升级以破坏接口合同。所以主版本号正确地代表了这种可能的中断。
迁移非常困难。我认为这是一个很好的建议。这并非不可能，但也很困难——没有什么比从早期版本的 2.* 升级到另一个 2.* 更好的了。
如果您可以搜索/替换 span12 之类的模式，这并非不可能，并且会变得容易得多。
我可以向您保证，我做了所有可能的替换，即使在我覆盖 boostrap 默认主题和代码的单独 css 上，但我没有得到好的结果。不要只考虑 span12，考虑所有 span*、所有导航、表格等等，考虑大量深度使用 bootstrap
Bootstrap（像许多 Web 框架一样）遵循 Semantic Versioning，因此从 2.* 到 3 的更改引入了不兼容的 API 更改。