将 Bootstrap 更新到版本 3 - 我该怎么办？
Posted
技术标签:
【中文标题】将 Bootstrap 更新到版本 3 - 我该怎么办？【英文标题】：Updating Bootstrap to version 3 - what do I have to do? 【发布时间】：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 中的所有内容都是“流动的”，但它仍然为容器使用固定的像素宽度……这有点愚蠢，因为这与流动布局完全相反。 【参考方案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/（也提供清单）
Images not responsive by default in Twitter Bootstrap 3? Styling Twitter's Bootstrap 3.x Buttons Change navbar color in Twitter Bootstrap 3删除 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 集）
切换到最新版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://***.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 更改。以上是关于将 Bootstrap 更新到版本 3 - 我该怎么办？的主要内容，如果未能解决你的问题，请参考以下文章
我正在将 Angular 版本从 7 更新到 8。但出现对等依赖错误 [关闭]
如何在 VS2017 上将 ASP.MVC 脚手架从 Bootstrap 3 更新到 Bootstrap 4？
如何将移动手势（例如触摸和滑动）添加到 React Bootstrap 轮播组件？