読者です 読者をやめる 読者になる 読者になる

bootstrap の tooltip を最前面に表示する

小ネタ。 bootstrap の tooltip が最前面に表示されず、tooltipの全体が表示されないことがありました。

HTMLの場合は、

<a href="#" data-toggle="tooltip" data-container="body" title="first tooltip">
    hover over me
</a>

JSの場合は、

$('your element').tooltip({ container: 'body' }) 

こんな感じで、'body'を指定すると最前面に表示されます。