1

Twitter の Bootstrap 3 がまもなくリリースされます。Twitter Bootstrap には、いくつかの Javascript プラグインがバンドルされています。Typeahead プラグインを除くすべては、Twitter Bootstrap 3 に移行されます。他の多くのプラグインは、Twitter Bootstrap 2.x 用に作成されています。それらを Twitter Bootstrap 3 に移行するにはどうすればよいですか?

関連する質問:

4

1 に答える 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 プラグイン

プラグインが Typeahead プラグインに依存している場合は、Javascript を書き直して採用する必要があります: https://github.com/twitter/typeahead.js/または他の解決策を見つけてください。Bootstrap はバージョン 3 で独自の typeahead プラグインを削除しました。彼らはTwitter Typeaheadを使用することを勧めています。Twitter Typeahead が Twitter の Bootstrap 3 で動作するには、いくつかの修正が必要です。 https://stackoverflow.com/a/18171568/1596547を参照してください。単純なオートコンプリートの使用例では、削除された typehead プラグインに問題はないようです。このため、「古い」プラグインを保持することもできます: 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 に答える