Twitter 的 Bootstrap 3 即将发布。Twitter Bootstrap 捆绑了一些 Javascript 插件。除了 Typeahead 插件之外的所有插件都迁移到 Twitter Bootstrap 3。许多其他插件都是为 Twitter Bootstrap 2.x 编写的，如何将它们迁移到 Twitter Bootstrap 3？
相关问题：
问问题
2639 次
1 回答
2
Javascript 和 CSS
下载插件的源代码 Javascript 和 CSS（或更少）并将旧的类引用替换为新的，请参阅： 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 时：从http://glyphicons.getbootstrap.com/安装 Glyphicons ：下载文件并将所有字体文件复制到 CSS 附近的 /fonts 目录中。将存储库中 /css 中已编译的 CSS 文件包含到本地 css 文件夹中，或者下载 Less 文件并使用 Bootstrap 文件对其进行编译。Twitter Bootstrap 3 包含来自 Glyphicon Halflings 集的 200 个字体格式的字形。要包括它们，类名称从 更改icon-*为glyphicon .glyphicon-*。
预输入插件
当您的插件依赖于 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。另请参阅：Twitter Bootstrap 是否包含 jQuery？. 包含插件应该适用于最新版本的 jQuery。所以也用最新版本测试你的插件。注意 jQuery 的新 2.x 版本放弃了对 IE8 的支持，因此该版本与应该支持 IE8 的 Twitter Bootstrap 3 不兼容。
于 2013-08-09T22:10:55.897 回答