今回は文字列の折り返しについて調べたことがあったので、確認しておきたいと思います。
cssで書こうと思ったのですが、bootstrapで一発でした。
【css bootstrap】文字列の折り返し
結論
bootstrapのtext-breakもしくはtext-wrapを使う。text-wrapはbootstrap5でなら使えます。
ちなみに私の場合、bootstrapのバージョンを確認しておらず、text-breakが使えなくてものすごいハマりました。bootstrapもバージョンを確認して使いましょう。
ハマったポイント
文字列を折り返したいタイミングがあったので、bootstrapのtext-breakを使おうと思ったのですが、うまく動作しませんでした。文字列が折り返されることなく、そのまま表示されています。
もしかしてbootstrap5を使ってる？ということに気付いて、text-breakではなく、text-wrapを使用したら、ばっちり文字列の折り返しが動作しました。
ちょっと疑問に思ったんですが、bootstrapのバージョン確認ってrails6だとどうやってやるのかが分からないんですよね。webpackとかに関連してきてしまってるからですかね？（困惑）
前はgemでbootstrapを入れていたので、gemfile見ればバージョンを確認できてたんですが、今はgem経由じゃないですもんね。よく分からんです。
ではでは！
