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

102

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

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

twitter-bootstrap  twitter-bootstrap-3 
— ヘンリー
ソース
変更内容を確認して、既に存在しているものを壊さないようにする必要がありますが、ファイルを置き換えるだけです
— Patsy Issa
はい、私がこれを正しく行っていることを確認したいだけです。Bootstrapはこれまでで最高のものだったと思います。次のバージョンを使いたいと思っています。私は.lessを使用して更新を管理できる場所を読んでいたと思いますが、おそらくそれは間違っています。
— ヘンリー2013
1
— Bass Jobsen 2013
ドキュメントでは3.0ではすべてが「流体」であると記載されていますが、コンテナには固定ピクセル幅が使用されていることに注意してください。
— セリン2013年

回答:

134

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

  4. IEでのメディアクエリサポートのために、respond.js（https://github.com/scottjehl/Respond）を追加します。これはCDNでは機能しないことに注意してください。TwitterBootstrap 3でのIE8の問題を参照してください。

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

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

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

  8. コードにHTMLを追加または挿入するサードパーティのウィジェット（addthis.com、sharethis.com、Googleマップなど）を使用する場合は、ボックスサイズのラッパーを作成します。以下を参照してください。Twitterのブートストラップ3でAddThisカウンターの右の境界線がありません

その他：

ブートストラップ3がボックスサイズに切り替えます：border-boxなんでですか？：https : //stackoverflow.com/a/18858771/1596547

IE7のサポートは削除されました。https://github.com/coliff/bootstrap-ie7条件付きCSSを使用してcssパーツを元に戻します。

— Bass Jobsen
ソース
それは大きな仕事のように聞こえます。これにはどのくらい時間がかかりますか？1週間の仕事？1ヶ月？6ヶ月？
— カート
問題は、BS2がBS3と下位互換性がないことです。bassjobsen.weblogs.fm/…
— Bass Jobsen
1
推測しなければならない場合、アップグレードには数か月かかる可能性があります。残忍。
— 2016
@Curtから私にメールを送ってください。多分私はあなたを助けることができますか？
— Bass Jobsen 2016
どうすればメールを送信できますか？あなたのTwitterのハンドルを介して？私はもう少しv3を読みましたが、それは主に古い電話のサポートを追加することです。もしそうなら、私はv3が必要だとは思いません。
— 2016
22

2018年更新

ブートストラップ3から4

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

ブートストラップ2から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 to 3アップグレードツール：http : //upgrade-bootstrap.bootply.com/v3

— ジム
ソース
1
未来からのご挨拶！これがBootstrap 4ツールです：upgrade-bootstrap.bootply.com
— Zim
14

ブートストラップ2.3から3.0に移行することはほとんど不可能です。バージョンの変更は非常に劇的です。私はzend framework 2プロジェクトをブートストラップ3.0で更新しようとしましたが、結果はめちゃくちゃでした（IE 5で開こうとしたときのように）。

私のアドバイス：ブートストラップ2.Xを使用する古いプロジェクトでは、ブートストラップ2.xを使用できます。新しい開始プロジェクト。3.0から開始します。

私の意見では、このようなバージョン変更は、ブートストラップチームからの非常に大きなエラーでした。彼らは段階的なアップデート2.4、2.5、2.6を実行する必要があります。

— アルバックス
ソース
8
私はほとんど不可能に同意しません。移行は完全に可能です。提供されているガイダンスに従うだけで済みます。リンクについては、コミュニティーWikiの投稿を参照してください。また、セマンティックバージョン番号に従って、メジャーアップグレードはインターフェイスコントラクトを壊すことができます。したがって、メジャーバージョン番号は、この起こり得る中断を正しく表します。
— Jafin、2013年
1
移行は非常に困難です。これはアドバイスだと思います。それは不可能ではありませんが、困難です。以前のバージョンの2. *から別の2. *にアップグレードするのと同じです。
— d -_- b
のようなパターンを検索/置換できれば、不可能ではなく、ずっと簡単になりますspan12。
— tadman 2013年
3
boostrapのデフォルトテーマをオーバーライドする別のcssとコードでも、可能な限りすべての置き換えを行ったことを確認できますが、良い結果は得られませんでした。、ちょうどspan12考える*、全てのNAV、テーブルとより多くのすべてのスパンを考え、ブートストラップの重い深い利用について考えてはいけない
— albanx
ブートストラップ（多くのWebフレームワークと同様）はセマンティックバージョニングに準拠しているため、2。*から3に変更され、互換性のないAPIの変更が導入されています。
— Jake Berger
0

多くのカスタマイズを伴う多くのファイルを含む大きなアプリケーションを使用している場合、直面しているほとんどのケースに対応できない可能性があるすべてのツール。

最初に、もちろん、私は試してみることをお勧めします：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/b2tob3 コンパイル済みのWindowsアプリを見つけてすぐに使用することもできます。

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

幸運を祈ります。

— オシファイ
ソース
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.