web-dev-qa-db-ja.com

Bootstrapをバージョン3に更新する-何をする必要がありますか？

私はBootstrapが初めてで、古いバージョン2.3.2を使用しています。

バージョン3がリリースされました。最新バージョンを使用する場合、単にCSSファイルとJavascriptファイルを置き換えるだけですか？

twitter-bootstraptwitter-bootstrap-3
102
henry

  1. http://getbootstrap.com/ から最新バージョンをダウンロードしますOR 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を追加して、IE8にHTML5要素のサポートを追加します

  4. iEでのメディアクエリのサポート用にrespond.js（ https://github.com/scottjehl/Respond ）を追加します。注：これはCDNでは動作しません。参照： TwitterのIE8の問題Bootstrap 3

  5. Glyphiconsを使用する場合、 http://glyphicons.getbootstrap.com/ からそれらを追加する必要があります（アイコンは別のリポジトリに移動されました。 ） グリフィコンはRC2（Glyphicon Halflingsセットのフォント形式の180個のグリフ）から復活しました

  6. Javascript Typeaheadコンポーネントを使用する場合、 https://github.com/Twitter/typeahead.js/ を統合する必要があります（typeahead javascriptはドロップ）参照： Bootstrap 3.0 RC1の先読みの問題 または「古い」プラグインを使用： https://github.com/bassjobsen/Bootstrap-3-Typeahead 、以下も参照してください： https://stackoverflow.com/questions/18615964/ajax-call-in-bootstrap-3-0-typeahead/18620473

  7. jQuery 1.x の最新バージョンに切り替えます（jQuery 2.xはIE8をサポートしないため、2.xバージョンを使用しないでください）

  8. コードにhtmlを追加または挿入するサードパーティのウィジェット（addthis.com、sharethis.com、Googleマップなど）を使用する場合は、ボックスサイズのラッパーを作成します。 右ボーダーTwitterのBootstrap 3 で欠落しているAddThisカウンターの

その他：

ボックスサイズへのブートストラップ3スイッチ：border-box why ?: https://stackoverflow.com/a/18858771/1596547

IE7のサポートは廃止されました。 https://github.com/coliff/bootstrap-ie7 いくつかの条件付きCSSを使用してcss部分を追加してみてください。

134
Bass Jobsen

2018年に更新

Bootstrap 3 to 4

Bootstrap 4アップグレードツール （これはBootstrap 3から4への移行に役立ちます）

Bootstrap 2 to 3

Bootstap 3 RC 1のリリース候補（最終リリース3ではない）が金曜日（2013年7月26日）に発表されたため、公式の移行ガイダンスはまだありません。

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/v

22
Zim

bootstrap 2.3から3.0に移行することはほとんど不可能です。バージョンの変更は非常に劇的です。 bootstrap 3.0を使用してzend framework 2プロジェクトを更新しようとしましたが、結果は混乱しました（IE 5で開こうとすると）。

私のアドバイス：bootstrap 2.X let with bootstrap 2.xを使用した古いプロジェクト。新しい開始プロジェクト、3.0から開始します。

私の意見では、このようなバージョンの変更はbootstrapチームからの非常に大きなエラーでした。彼らは段階的な更新2.4、2.5、2.6を行うべきでした....

13
albanx

3.0.3に移行したところ、このpython app https://pypi.python.org/pypi/b2tob3/0.4 で簡単にタスクを完了できました。

1
Ramesh

bootstrap 2.3から3.0 htmlへのアップグレードを自動化するために、うっとうしいプラグインを作成しました。

https://github.com/jdewit/grunt-html-upgrader で確認してください

0
jdewit

確かではありませんが、この置換プログラムのjoomla拡張機能を使用してください

このリンクを参照してください、

http://www.nonumber.nl/extensions/rereplacer

それ以外の場合、テンプレートのオーバーライドがこれを行う唯一の方法です。

0
Kumar Ramalingam

多数のカスタマイズと多数のファイルを備えた大きなアプリケーションを使用している場合、ほとんどの場合、直面しているほとんどのケースに答えることができなかったすべてのツールがあります。

最初に、もちろん、私は試してみることをお勧めします： https://pypi.python.org/pypi/b2tob3/0.4 しかし、これは私のニーズに答えないでしょう。一緒に移行できるものBootstrap 2 to 3とFont Awesome 3 to 4一緒に、b23tob3-v0.4（元のもの）で処理できないケースが私のバージョンで処理しようとしています。

ここで私の投稿を読んでください： http://ask.osify.com/qa/589 githubで私の更新を見つけてください： https://github.com/metrey/b2tob あなたすぐに使用するためにコンパイル済みのWindowsアプリも見つけることができます。

ツールを使用する前に、常にファイルをバックアップし、すべてをソース管理にコミットしてください。

幸運を祈ります。

0
Osify

Bootstrap 3にアップグレードする2つのオンラインツール：

FROMブートプライ

FROM divshot

0
令狐葱