BootstrapでURLなどを改行してくれない問題

2019年12月4日2019年12月5日Bootstrap

Bootstrapで日本語なら大丈夫だけど英語やURLだと、画面の右端に文字が伸びていってしまう問題の解決方法

CSSなら、

word-break: break-all;

を適用するんだけど、Bootstrapなら「text-break」のクラスを追加するだけでいける。

<div class="text-break">https://dokokano.url</div>

参考