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

2019年12月5日Bootstrap

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

CSSなら、

word-break: break-all;

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

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

参考

エンジニアの年収を上げる方法

フリーランスエンジニアで年収を大幅アップしませんか?
実際に僕は会社員からフリーランスエンジニアになって年収が87万円アップしました

今なら相談(ヒアリング)するだけで3,000円分のamazonギフト券がもらえます!
初めての案件契約で最大10万円分の準備金がもらえます
非公開の高単価案件(100万円超え)が多数あります

詳しくはこちら