102

我是 Bootstrap 的新手,并且拥有旧版本 2.3.2。

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

4

8 回答 8

134
  1. http://getbootstrap.com/下载最新版本或将 css 和 js 文件替换为最新版本或使用 CDN ( http://www.bootstrapcdn.com/ )

  2. 迁移您的 html,是的,确实阅读了http://bootply.com/bootstrap-3-migration-guide。您可以尝试http://twitterbootstrapmigrator.w3masters.nl/http://code.divshot.com/bootstrap3_upgrader/(也提供清单)

  3. 删除 html5shiv 导致 TB 放弃对 IE7 和 Firefox 3.x的支持 添加 html5shiv.js 以向 IE8 添加对 HTML5 元素的支持

  4. 为 IE 中的媒体查询支持添加 respond.js ( https://github.com/scottjehl/Respond )。注意这不适用于 CDN,请参阅:IE8 issue with Twitter Bootstrap 3

  5. 如果您使用 Glyphicons,则必须从http://glyphicons.getbootstrap.com/添加它们(图标已移至单独的存储库。)自 RC2 以来 Glyphicons 又回来了(Glyphicon Halflings 集中的 180 个字体格式的字形)

  6. 如果您使用 Javascript Typeahead 组件,则必须集成https://github.com/twitter/typeahead.js/(导致 typeahead javascript 被丢弃)另见:Typeahead questions with Bootstrap 3.0 RC1或使用“旧”插件:https ://github.com/bassjobsen/Bootstrap-3-Typeahead ,另见:https ://stackoverflow.com/questions/18615964/ajax-call-in-bootstrap-3-0-typeahead/18620473

  7. 切换到最新版本的jQuery 1.x(不要使用 2.x 版本,因为 jQuery 2.x 不支持 IE8)

  8. 如果您使用在代码中添加或插入 html 的第三方小部件(如 addthis.com、sharethis.com 和 Google 地图),请为 box-sizing 创建一个包装器,请参阅:Twitter 的 Bootstrap 3 中缺少 AddThis 计数器的右边框

其他:

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

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

于 2013-08-05T23:50:40.027 回答
22

2018 年更新

引导程序 3 到 4

Bootstrap 4 升级工具(这将有助于从 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 到 3 升级工具:http ://upgrade-bootstrap.bootply.com/v3

于 2013-07-31T17:50:40.333 回答
14

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

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

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

于 2013-10-28T08:21:42.853 回答
1

我刚刚迁移到 3.0.3,这个 python 应用程序https://pypi.python.org/pypi/b2tob3/0.4使它变得非常容易。

于 2014-01-11T11:58:28.893 回答
0

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

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

于 2014-01-29T16:35:58.983 回答
0

不确定,但使用这个替换器 joomla 扩展

参考这个链接,

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

否则,模板覆盖是唯一的方法。

于 2014-05-01T14:34:09.910 回答
0

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

从引导

来自 divshot

于 2015-01-22T06:37:56.463 回答
0

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

首先,当然,我建议尝试: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 应用程序以立即使用.

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

祝你好运并分享你的。

于 2015-06-01T08:57:26.387 回答