我需要做什么?
我是Bootstrap的新手,并且拥有旧版本2.3.2。
版本3已经发布。 如果我想使用最新版本,我只需简单地替换CSS和Javascript文件?
从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以将对HTML5元素的支持添加到IE8
在IE中为媒体查询支持添加respond.js(https://github.com/scottjehl/Respond)。 注意这不适用于CDN,请参阅:Twitter Bootstrap 3的IE8问题
如果使用Glyphicons,则必须从http://glyphicons.getbootstrap.com/添加它们(图标已移至单独的存储库。)自RC2以来Glyphicons已恢复正常(来自Glyphicon Halflings集的字体格式为180个字形)
如果您使用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
切换到最新版本的jQuery 1.x(不要使用2.x版本,因为jQuery 2.x不支持IE8)
如果您使用向您的代码添加或插入HTML的第三方小部件(如addthis.com,sharethis.com和Google地图),请为该框的大小创建一个包装,请参阅:使用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部分。
2018年更新
Bootstrap 3至4
Bootstrap 4升级工具 (这将有助于从Bootstrap 3迁移到4)
Bootstrap 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
几乎不可能从bootstrap 2.3迁移到3.0。 版本变化非常激烈。 我试图用bootstrap 3.0更新我的zend framework 2项目,结果很糟糕(就像试图用IE 5打开一样)。
我的建议:使用bootstrap 2.x的旧项目让bootstrap 2.x. 新的起始项目,从3.0开始。
在我看来,这种版本变化是bootstrap团队的一个非常大的错误。 他们应该已经做了逐步更新2.4,2.5,2.6 ....
链接地址: http://www.djcxy.com/p/89439.html