バージョンを4.5から5系に上げました.

20250923

Logging

おはようございます.ブートストラップのバージョンを4.5からやっと5系に上げました.でもこれ以上バージョンを上げるとサイトのデザインが崩れるので上げられないというジレンマがあります.

なのでブートストラップ5.4とかには上げれない、上げるとなるとCSSのクラス修正が発生します.でもそろそろ最新に上げたい、欲を言うとテイルウィンドに全て変えたい.

どこかにブートストラップからテイルウィンドにコンバートしてくれるサイトはないものか・・・とチャットAIに投げたところ、いくつか候補を上げてくれました.

その中でシンプルで使いやすいWindify (Bootstrap to Tailwind CSS Converter)というサイトが良いよと書かれていました.

https://bootstrap-to-tailwind-css.vercel.app

実際、使ってみたら結構良かったのですが、ただこれコードを含まれたりするとちょっと心配なので、そういう人達向けにこちらの方法が良さそうです.

リンクを参照してもらったら分かると思いますが、コマンドラインでコンバート(変換)してくれるのでこちらの方法が重宝しそうです.

こちらコマンドラインで変換する方法で崩れるという記載がQiitaに書かれていましたが、崩れた場合は手動で直す方法がありそうなのでブランチを切り対応するほうが良さげです.

明日へ続く

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです.

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

タグ

いくつ, クラス, コード, こちら, コマンド, これ, コンバート, サイト, ジレンマ, シンプル, そう, チャット, テイルウィンド, デザイン, どこ, ところ, バージョン, ブートストラップ, ブランチ, ほう, もの, ライン, リンク, 人達, 以上, 修正, 候補, 全て, 参照, 向け, 場合, 変換, 対応, 心配, 手動, 方法, 明日, 最新, 発生, 記載, 重宝,