Bootstrap グリッド内で文字が一列に収まるように自動で縮小して欲しい

bootstrapでグリッドシステムを使用していると、グリッドを狭くしてしまった場合、文字がグリッド内で自動で改行されてしまいます。自動で改行せずに、文字サイズを自動で縮小して１列でグリッド内に納めたいのですが、bootstrapにそのような機能はあるのでしょうか？

探したのですがなかなか見つからず、質問する次第です。。

行動規範の内容に同意します

回答1件

ベストアンサー

bootstrapにそのような機能はあるのでしょうか？

残念ながら、ありません。自身でそのための処理を書く必要があります。

ビューポートのパーセント値(vw)を使えば、CSS のみで実現することができますが、文字数の増減やカラムの追加には対応できず、手動で値を更新する必要があります(動作確認用リンク)。もし、そのような変更がされる場合、 FitText.js や jquery-textfill などの jQuery プラグインを使い、文字数の増減やカラムの数に合わせてフォントサイズを計算するほうが負担を抑えることが出来ると思います。

投稿2019/01/09 14:38

編集2019/01/09 23:23