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

102

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

版本3已发布。如果要使用最新版本，是否只替换CSS和Javascript文件？

twitter-bootstrap  twitter-bootstrap-3 
— 亨利
source
您可能需要阅读所做的更改，并确保它们不会破坏您已经拥有的任何内容，但是是的，只需替换文件
— Patsy Issa 2013年
是的，我只想确保自己正确执行此操作。我认为Bootstrap一直是有史以来最好的-令人惊叹。我渴望使用下一个版本。我确定我在某个地方可以使用.less来管理更新，但是我对此可能是错的。
— 亨利
1
— Bass Jobsen 2013年
请注意，即使文档说3.0中的所有内容都是“流体”，它仍然对容器使用固定的像素宽度...这有点愚蠢，因为这与流体布局完全相反。
— 塞林

Answers:

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以将对HTML5元素的支持添加到IE8

  4. 添加response.js（https://github.com/scottjehl/Respond）以在IE中提供媒体查询支持。注意这不适用于CDN，请参阅：Twitter Bootstrap 3的IE8问题

  5. 如果使用Glyphicons，则必须从http://glyphicons.getbootstrap.com/添加它们（图标已移至单独的存储库。） Glyphicons自RC2以来又回来了（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地图），请为该框大小创建包装器，请参见：Twitter的Bootstrap 3中缺少AddThis计数器的右边框

其他：

Bootstrap 3切换到Box-Sizing：为什么选择box-box？：https：//stackoverflow.com/a/18858771/1596547

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

— Bass Jobsen
source
这听起来像是一项艰巨的任务。这需要多长时间？1个星期的工作？1个月？6个月？
— Curt'2
问题是，BS2不与BS3向后兼容，也见bassjobsen.weblogs.fm/...
— 巴斯Jobsen
1
如果我不得不猜测，我会说升级可能需要几个月的时间。野蛮。
— Curt
@Curt给我发送电子邮件。也许我能帮你？
— 巴斯·乔布森
如何向您发送电子邮件？通过您的Twitter句柄？我阅读了更多有关v3的内容，似乎主要是为了增加对旧手机的支持。如果是这样，我认为我不需要v3。
— Curt'2
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

— 齐姆
source
1
未来的问候！这是Bootstrap 4工具：upgrade-bootstrap.bootply.com
— Zim
14

从引导程序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 ...的更新。

— 阿尔班克斯
source
8
我不同意几乎不可能。完全有可能进行迁移，您只需要遵循提供的指导即可。有关链接，请参见社区Wiki。同样遵循语义版本号，允许进行重大升级以破坏接口合同。因此，主版本号正确表示此可能的中断。
— 2013年
1
迁移非常困难。我认为这是很好的建议。这不是不可能，但是很困难-就像从早期版本的2. *升级到另一个2. *一样。
— d -_- b
如果您可以搜索/替换模式，这并非没有可能，并且变得更加容易span12。
— tadman 2013年
3
我可以确保您做出了所有可能的替换，即使在覆盖了boostrap默认主题的单独的CSS上，也在代码中，但是我都没有取得好的结果。不要仅仅考虑span12，就考虑所有span *，所有导航，表格等等，而要考虑大量深度使用bootstrap
— albanx
Bootstrap（就像许多Web框架一样）遵循语义版本控制，因此从2. *更改为3，引入了不兼容的API更改。
— 杰克·伯杰
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应用程序，也可以立即使用。

使用该工具之前，请始终备份文件并将所有内容提交到源代码管理中。

祝你好运，尽管分享你的。

— 骨化
source
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.