[解決済み] Bootstrapをバージョン3にアップデートする - どうすればいいの？

質問

Bootstrapを使い始めたばかりで、古いバージョン2.3.2を持っています。

バージョン3がリリースされました。最新版を使いたい場合、CSSとJavascriptのファイルを単純に入れ替えるだけでよいのでしょうか？

解決方法を教えてください。

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/ (チェックリストも提供する)

   • Twitter Bootstrap 3では、画像はデフォルトでレスポンシブではありません。
   • Twitter Bootstrap 3.x ボタンのスタイリング
   • Twitter Bootstrap 3でナビバーの色を変更する

3. <ストライク html5shiv を削除。TB が IE7 と Firefox 3.x のサポートを停止するため。 html5shiv.js を追加し、IE8 で HTML5 要素をサポートするようにしました。

4. respond.jsを追加 ( https://github.com/scottjehl/Respond ) を追加して、IE でのメディアクエリサポートを実現します。注意 これはCDNでは動作しません、参照してください。 Twitter Bootstrap 3 での IE8 の問題

5. http://glyphicons.getbootstrap.com/ ( アイコンは別のリポジトリに移動しました。) RC2 からグリフィコンが復活 (Glyphicon Halflings セットからフォント形式で 180 個のグリフを収録)

6. Javascript の Typeahead コンポーネントを使用する場合、統合する必要があるのは https://github.com/twitter/typeahead.js/ (typeahead javascriptが落とされるため) こちらもご覧ください。 Bootstrap 3.0 RC1でのTypeaheadの問題 または、"old"プラグインを使用します。 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バージョンは使用しないでください。jQuery 2.xはIE8をサポートしていません)

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

その他

Bootstrap3ではbox-sizing: border-boxに切り替わっているのですが、なぜでしょうか？ https://stackoverflow.com/a/18858771/1596547

IE7 のサポートは終了しています。 https://github.com/coliff/bootstrap-ie7 のように、条件付きCSSを使用して、CSS部分を戻してみてください。