【bootstrap】文字列の折り返し

今回は文字列の折り返しについて調べたことがあったので、確認しておきたいと思います。

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経由じゃないですもんね。よく分からんです。

ではでは!

Leave a Reply

Your email address will not be published.

CAPTCHA