Bootstrap 3でツールチップに改行を追加する
2023-10-06 14:22:04
質問
Bootstrap3を使用しており、divにtooltipを追加しています。改行するために、< br > \n と 
 を使ってみました。Bootstrapで止まってしまうのは問題でしょうか?
<div class="content show-tooltip" data-placement="top"
data-original-title="1st line of text <br> 2nd line of text">
どのように解決するのですか?
この問題を解決するには
data-html="true"
をマークアップに追加する必要があります。
<div class="content show-tooltip" data-html="true" data-placement="top"
title="1st line of text <br> 2nd line of text">
動作デモです。 https://codeply.com/p/C8083WXo5Z
関連
-
[解決済み] jQueryでテーブルの行を追加する
-
[解決済み] Twitter Bootstrapのメニューをクリックではなく、ホバーでドロップダウンさせる方法
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] Bootstrapの列をすべて同じ高さにするにはどうしたらいいですか?
-
[解決済み] Bootstrap3による垂直方向の整列
-
[解決済み] BootstrapのモーダルウィンドウをjQueryで開くには?
-
[解決済み] Bootstrap 3 の sr-only とは何ですか?
-
[解決済み] チェックボックスのチェック/アンチェックは、jqueryを使用していますか?重複
-
[解決済み] jQueryで多段式フォームをリセットする
-
[解決済み】iPad版SafariでjQueryを使ってタッチイベントを認識させる方法は?可能でしょうか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jQuery データ属性の値に基づいて要素を検索する方法は?
-
[解決済み] Select <a> which href ends with some string
-
[解決済み] Google Maps APIでマウスのスクロールホイールによる拡大縮小を無効にする方法
-
[解決済み] jQuery: テーブルの行数を数える
-
[解決済み] .text()を使って子タグにネストされていないテキストのみを取得する方法
-
[解決済み] JSONPとは何か、素人目にもわかるように説明してくれる人はいませんか?[重複)。
-
[解決済み] jQueryで多段式フォームをリセットする
-
[解決済み】ツールチップ内で改行するようにした。
-
[解決済み】jQueryで入力不可属性をトグルする。
-
[解決済み] jQueryで<input type="text">のonchangeを実装するには?