1. ホーム
  2. jquery

Bootstrap 3でツールチップに改行を追加する

2023-10-06 14:22:04

質問

Bootstrap3を使用しており、divにtooltipを追加しています。改行するために、< br > \n と &#013; を使ってみました。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