更新到Bootstrap 3版 - 我需要做什么？

8 浏览
0 Comments

更新到Bootstrap 3版 - 我需要做什么？

我对Bootstrap还不熟悉，只有2.3.2版本。\n最新版本3已经发布。如果我想使用最新版本，我只需要简单地替换CSS和Javascript文件吗？

0

3 答案

0 Comments

更新Bootstrap到3.0版本 - 我需要做些什么？

从上述内容中可以看出，问题的出现原因是Bootstrap从2.3版本升级到3.0版本的变化非常大，使得从2.3版本迁移到3.0版本几乎是不可能的。有人尝试将Zend Framework 2项目升级到Bootstrap 3.0，结果变得一团糟。这个版本变化对于老项目来说，建议继续使用Bootstrap 2.x版本，而对于新项目，可以直接从3.0版本开始使用。

对于这种版本变化的错误，有人认为Bootstrap团队应该采取逐步更新的方式，比如2.4、2.5、2.6等。但也有人表示不同意，认为版本变化是完全可能的，只需要按照提供的指导进行迁移。并且根据语义化版本号，主要升级是允许破坏接口契约的，因此主要版本号正确地表示了这种可能的变化。

另外，有人表示迁移很困难，但如果能够搜索/替换一些模式，比如span12，那么迁移将会变得更容易。但也有人表示替换了所有可能的内容，甚至在覆盖Bootstrap默认主题的独立CSS和代码中进行了替换，但仍然没有得到好的结果。他们提醒大家不仅要考虑span*，还要考虑所有的、表格和更多，要考虑到对Bootstrap的深度使用。

Bootstrap（像许多Web框架一样）遵循语义化版本控制，因此从2.*版本到3版本引入了不兼容的API变化。有人表示在手工编写的网站上很容易进行升级，最多只需要3到4个小时的时间。只需要将X替换为即可。尽管迁移可能会有一些困难，但通过迁移可以获得许多好处，比如更快的移动端性能。

0
0 Comments

问题的出现原因：从上面的内容可以看出，问题的出现是因为有人想要将Bootstrap升级到3版，但不清楚需要做哪些操作。

解决方法：根据上面的内容，可以找到两个解决方法。首先，对于从Bootstrap 2升级到3版的情况，可以使用一个升级工具来完成迁移。这个工具可以在Bootply网站上找到，具体链接是http://upgrade-bootstrap.bootply.com/v3。

其次，对于从Bootstrap 3升级到4版的情况，也可以使用一个升级工具来完成迁移。这个工具可以在同一个网站上找到，具体链接是http://upgrade-bootstrap.bootply.com。

如果想要将Bootstrap升级到3版，可以使用http://upgrade-bootstrap.bootply.com/v3这个工具来实现。如果想要将Bootstrap升级到4版，可以使用http://upgrade-bootstrap.bootply.com这个工具来实现。

0
0 Comments

从上述内容中可以整理出以下问题的出现原因和解决方法：

问题：如何将Bootstrap升级到版本3？

出现原因：

1. Bootstrap 3不再支持IE7和Firefox 3.x，因此需要移除html5shiv。

2. 需要添加html5shiv.js以支持IE8中的HTML5元素。

3. 需要添加respond.js以在IE中支持媒体查询。

4. 图标已经从Bootstrap中移动到了一个单独的存储库中，因此需要从http://glyphicons.getbootstrap.com/添加Glyphicons。

5. 如果使用Javascript的Typeahead组件，需要整合https://github.com/twitter/typeahead.js/或https://github.com/bassjobsen/Bootstrap-3-Typeahead。

6. 需要切换到jQuery 1.x的最新版本，不要使用2.x版本，因为2.x版本不支持IE8。

7. 如果使用第三方小部件（如addthis.com，sharethis.com和Google地图），需要为添加或插入到代码中的html创建一个包装器。

解决方法：

1. 从http://getbootstrap.com/下载最新版本的Bootstrap，或者使用CDN。

2. 迁移现有的HTML代码，可以使用http://twitterbootstrapmigrator.w3masters.nl/或http://code.divshot.com/bootstrap3_upgrader/来帮助迁移。

3. 添加html5shiv.js以支持IE8中的HTML5元素。

4. 添加respond.js以支持IE中的媒体查询。

5. 从http://glyphicons.getbootstrap.com/添加Glyphicons。

6. 整合https://github.com/twitter/typeahead.js/或https://github.com/bassjobsen/Bootstrap-3-Typeahead来支持Typeahead组件。

7. 切换到jQuery 1.x的最新版本。

8. 为第三方小部件创建一个包装器。

另外，还有一些其他相关的信息：

- Bootstrap 3不再支持IE7，可以尝试使用https://github.com/coliff/bootstrap-ie7来恢复对IE7的支持。

- 升级到Bootstrap 3可能需要几个月的时间。

- 可以通过邮件联系作者，邮箱为bassATw3masters.nl。

- 不再继续支持IE7和IE8的原因是这些浏览器已经过时了。

0