将Bootstrap更新到版本3 - 我该怎么办?

hen*_*nry 102 twitter-bootstrap twitter-bootstrap-3

我是Bootstrap的新手,拥有旧版本2.3.2.

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

Bas*_*sen 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 drop支持IE7和Firefox 3.x添加html5shiv.js以添加对IE8的HTML5元素支持

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

  5. 如果你使用Glyphicons,你将不得不从http://glyphicons.getbootstrap.com/添加它们(图标已被移动到一个单独的存储库.) Glyphicons从RC2回来(字体格式的180个字形来自Glyphicon Halflings集)

  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和谷歌地图),请为大小调整大小创建一个包装器,请参阅: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部分.


Zim*_*Zim 22

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


alb*_*anx 13

几乎不可能从bootstrap 2.3迁移到3.0.版本变化非常激烈.我试图用bootstrap 3.0更新我的zend框架2项目,结果很乱(比如试图用IE 5打开).

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

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

  • 我不同意几乎不可能的事情.完全可以迁移,您只需要遵循提供的指导.有关链接,请参阅社区维基帖子.同样遵循语义版本号,允许主要升级来破坏接口契约.所以主要版本号正确地表示了这种可能的中断. (8认同)
  • 我可以确保你做了所有可能的替换,即使在我重写boostrap默认主题的单独的css,并在代码中,但我没有得到一个好的结果.不要只考虑span12,考虑所有跨度*,所有导航,表格等等,考虑一下沉重的使用bootstrap (3认同)