BootstrapでURLなどを改行してくれない問題
Bootstrapで日本語なら大丈夫だけど英語やURLだと、画面の右端に文字が伸びていってしまう問題の解決方法
CSSなら、
word-break: break-all;
を適用するんだけど、Bootstrapなら「text-break」のクラスを追加するだけでいける。
<div class="text-break">https://dokokano.url</div>
Bootstrapで日本語なら大丈夫だけど英語やURLだと、画面の右端に文字が伸びていってしまう問題の解決方法
CSSなら、
word-break: break-all;
を適用するんだけど、Bootstrapなら「text-break」のクラスを追加するだけでいける。
<div class="text-break">https://dokokano.url</div>
ディスカッション
コメント一覧
まだ、コメントがありません
よくLoadingされてるDocs
新たにPostされたDocs
: スマホ
楽天モバイルがおすすめできない人の特徴とは?
楽天モバイルの最強プランをおすすめできない人の特徴を簡単にまとめてみました また ...: システム開発
なぜスクラムがつらいのか?開発現場が疲弊するのか?スクラムに対する違和感と共に原因を考えてみた
今ではどこの開発現場に行っても、やれスクラムスクラムと、まるでスクラムでもやって ...: Laravel
1つのテーブルを複数のテーブルと結合したい【Laravel10】
1つのテーブルを2つの異なるテーブルに対して結合したいケースがあったのでLara ...: Laravel
Laravelで複数画像アップロード時のvalidateを指定【Laravel10】
jQuery - Image Uploaderを使って、フォームから複数の画像を ...: Laravel
Laravel Breezeのユーザ削除機能を物理削除から論理削除に変更する【Laravel10】
Laravel Breezeでは、ユーザが自分でアカウントを削除できる機能があり ...HashMap
created_by
はやぴ
Web/アプリ開発エンジニア
Sierにてお堅いB向けのソフトウェア開発を経て、現在はC向けのWebやアプリを中心に開発しています。
Utilities