将Bootstrap更新到版本3 – 我该怎么做?

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

版本3已经发布。 如果我想使用最新版本,我只需简单地replaceCSS和Javascript文件?

  1. http://getbootstrap.com/下载最新版本或用最新版本replacecss和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/ (也提供清单)

    • Twitter Bootstrap 3中默认的图像不响应?
    • 造型Twitter的Bootstrap 3.xbutton
    • 在Twitter Bootstrap 3中更改导航栏颜色
  3. 删除html5shiv导致TB下载支持IE7和Firefox 3.x添加html5shiv.js添加对IE8的HTML5元素的支持

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

  5. 如果你使用字形,你必须从http://glyphicons.getbootstrap.com/ (图标已经被移动到一个单独的版本库)中添加它们。自RC2以来,graphics已经回来了(字形格式中的Glyphicon Halflings集合有180个字形)

  6. 如果您使用Javascript Typeahead组件,您将不得不整合https://github.com/twitter/typeahead.js/ (原因typeahead javascript被丢弃)另请参见: 使用Bootstrap 3.0 RC1 Typeahead问题或使用“旧”插件: 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地图),请为该框的大小创build一个包装,请参阅: 使用Twitter的Bootstrap 3缺less的AddThis计数器的右边框

其他:

Bootstrap 3切换到框大小:边界框为什么?: https : //stackoverflow.com/a/18858771/1596547

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

星期五(2013年7月26日)宣布Bootstap 3 RC 1的候选版本(不是最终版本3),所以目前还没有官方的移民指导。

Bootstrap 3有很大的变化。2.x没有向后兼容性,所以你不能只是replace文件。 你可以在Bootplyfind一些有用的指导:

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

工程中还有一个Bootstrap迁移工具: https : //github.com/iatek/bootstrap-migrate

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

更新..

Bootstrap 4升级工具 (这会将Bootstrap 3迁移到4)

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

我的build议:使用bootstrap 2.x的旧项目让bootstrap 2.x。 新的起始项目,从3.0开始。

在我看来,这种版本变化是bootstrap团队的一个非常大的错误。 他们应该已经做了一个逐步的更新2.4,2.5,2.6 ….

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

如果你有一个大量的应用程序与大量的定制化的文件,每一个工具可能不能回答大多数情况下,你面临的情况。

首先,当然,我build议尝试: https : //pypi.python.org/pypi/b2tob3/0.4,但这不会回答我的需要,我分叉这个版本,并适应我自己的一个能够一起迁移Bootstrap 2到3和Font Awesome 3到4在一起,一些不在b23tob3-v0.4(原始版本)中处理的情况正试图在我的版本中处理。

阅读我的post在这里: http : //ask.osify.com/qa/589在github中find我的更新: https : //github.com/metrey/b2tob3你也可以在那里find编译的Windows应用程序,以便马上使用。

总是在使用该工具之前备份您的文件并将所有内容都提交到源代码pipe理。

祝你好运,分享你的。

我做了一个咕噜插件来自动升级bootstrap 2.3到3.0的HTML。

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

不确定,但使用这个rereplacer joomla扩展

参考这个链接,

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

否则,模板覆盖是做到这一点的唯一方法。

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

从bootply

从divshot