【Bootstrap】popoverとtooltipで改行する方法

本日は本当に軽い小ネタで失礼します。@pei_baboです。

みんな大好きBootstrapですが、良く重宝するのがpopoverとtooltipです。ちょっとした説明などはそのまま見せずにpopoverやtooltipを使ってオシャレに見せたいですよね。

ノンデザイナーなエンジニアでも少しはオシャレに見せたいのです。

 

プログラミングやWordPressを習得するのに一番近道な方法とは?


 

data-htmlをtrueにすれば改行が出来る!

説明することも少ないので早速コードを載せちゃいますね。

popoverのコード

tooltipのコード

ポイントはdata-htmlをtrueにしていることですね。trueにすることでHTMLタグが使えるようになります。

HTMLタグが使えるならあとは好きに焼くなり煮るなり状態ですね。

デモはこちらから

 
 

まとめ

たまにあれ?改行どうやってやるんだっけ?っていつもググっちゃうので備忘録も兼ねての投稿でした!

どなたかのお役に立てれば嬉しいです。

もし良かったらフォローとか購読して頂けると嬉しいです!╭( ・ㅂ・)و ̑̑ グッ !

follow us in feedly

コメントを送る

メールアドレスが公開されることはありません。

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください