如何将Twitter的Bootstrap Javascript插件从版本2.x迁移到版本3

Question

Twitter的Bootstrap 3即将发布。 Twitter Bootstrap捆绑了一些Javascript插件。除Typeahead插件之外的所有插件都将迁移到Twitter Bootstrap 3。 许多其他插件都是为Twitter Bootstrap 2.x编写的，如何将它们迁移到Twitter Bootstrap 3？

相关问题：

• Twitter's Bootstrap Datepicker missing Glyphicons
• How to use Jasny's file upload with Bootstrap 3

Answer 1

Javascript en CSS

下载插件的源代码Javascript和CSS（或更少）并用new替换旧类引用，请参阅：http://www.bootply.com/bootstrap-3-migration-guide。

除了类名更改，大多数Javascript代码都应该有效。

HTML

对HTML代码执行相同操作。或者使用迁移器/更新程序，例如：http://twitterbootstrapmigrator.w3masters.nl/，http://bootstrap3.kissr.com/，http://code.divshot.com/bootstrap3_upgrader/或http://upgrade-bootstrap.bootply.com/

Glyphicons

当您的插件使用Glyphicons时：从http://glyphicons.getbootstrap.com/安装Glyphicons：下载文件并将所有字体文件复制到CSS附近的/ fonts目录中。包括在库中/ CSS编译CSS文件到本地css文件夹或下载的文件少，并与您的引导文件进行编译。 Twitter的引导3包括字体格式200个字形从Glyphicon半身集。要包含它们，班级名称会从icon-*更改为glyphicon .glyphicon-*。

Typeahead插件

当您的插件依赖于Typeahead插件时，您必须重写您的Javascript以采用：https://github.com/twitter/typeahead.js/或找到其他解决方案。 Bootstrap在版本3中删除了自己的typeahead插件。他们建议使用Twitter Typeahead。 Twitter Typeahead需要一些修复才能使用Twitter的Bootstrap 3，请参阅：https://stackoverflow.com/a/18171568/1596547。对于简单的自动完成用例，删除的typeahead插件似乎没有任何问题。因此，您还可以决定保留“旧”插件：https://github.com/bassjobsen/Bootstrap-3-Typeahead。另见：https://stackoverflow.com/questions/18615964/ajax-call-in-bootstrap-3-0-typeahead/18620473#18620473

的jQuery

Twitter Bootstrap 3RC1似乎使用jQuery v1.9.1。另见：Does Twitter Bootstrap include jQuery?。包含插件应该与最新版本的jQuery一起使用。所以用最新版本测试你的插件。注意新的2.x版本的jQuery删除了对IE8的支持，因此该版本与应该支持IE8的Twitter Bootstrap 3不兼容。