[BootStrap]BootStrap2レイアウトを3へ移行する※変更されたクラス名など確認

Follow @mycb750

はじめに

BootStrap2から3がリリースされ、いまやRailsなどもBootStrap3が標準で組み込まれています。
2,3年前のシステムではBootStrap2が一般的だったため、その頃のレイアウトをそのまま組み込もうとすると表示がうまくいきません。
※BootStrap2で使えていたクラス名が非推奨になったわけではなく使えなくなりました
ほぼクラス名が変更になっただけなので、一つずつ変更していけばうまく表示されます。
たとえばGrid表示では「hero-unit」→「jumbotron」に変更、「row-fluid」→「row」に変更「span[X]」→「col[X]」に変更などです。

サイトのhtmlを一発でBootStrap2からBootStrap3へマイグレーションしてくれるようなサービスもあるのかもしれません。

BootStrap2からBootStra3へ移行手順

BootStrapの公式サイトにマイグレーションのためのクラスの変更前から変更後が載っているのでこちらを参考に変更するとよいです。

http://getbootstrap.com/migration/

クラス名のN/Aについて

公式サイトのクラス名でBootStrap2で使えていたものが3になりN/A記載でマイグレーションできないクラス名がいくつかありました。
こちらは別途同等のCSSを独自で書くしかなさそうです。

その他おすすめの備忘録

• [FuelPHP]migrateエラー：Already on the latest migration for app:default.
• [VIM]ctagsを設定(.ctags)して定義元クラス・メソッドetc へ遷移する方法
• [Android][Mac]AndroidStudioのよく使う便利ショートカットをメモ(Mac用)
• [Android]デバッグモードの手動切り替えは不要
• [Android]高速エミュレータ『GenyMotion(ジェニーモーション)』をインストール
• AndroidUIライブラリでレーダーチャートを作る３
• [Java]JavaでC#のFuncデリゲートを再現
• [jQuery]匿名クラスでクロージャを解決する方法をメモ for clickメソッド
• jQueryの知っておいた方が良いセレクタ（どれに）について
• 本日の勉強会レポート（WebAPI：校正支援APIについて）