Twitter Bootstrap Tooltipに関連付けられた要素があり、ツールチップがブラウザウィンドウの外側でオーバーラップする場合、ウィンドウ内で再整列しようとしますが、垂直方向に整列しません(つまり、ツールチップの上部の整列がターゲット要素の上ではなく中央に配置されます)
誰かが以前にこれに遭遇したことがありますか?もしそうなら、回避策/修正/更新は何でしたか?
Twitter Bootstrap Tooltipに関連付けられた要素があり、ツールチップがブラウザウィンドウの外側でオーバーラップする場合、ウィンドウ内で再整列しようとしますが、垂直方向に整列しません(つまり、ツールチップの上部の整列がターゲット要素の上ではなく中央に配置されます)
誰かが以前にこれに遭遇したことがありますか?もしそうなら、回避策/修正/更新は何でしたか?
はい、他の人は以前にこれに遭遇しました。たとえば、問題#4125:ツールチップの位置が正しくないか、問題#3556:ウィンドウの端に近いツールチップが正しくアクティブ化されません。
前者では、テキストの折り返しを無効にするか、固定の高さを設定することをお勧めします。
後者では、ウィンドウの端の近くになることがわかっているツールチップに別の位置を設定することをお勧めします(むしろ冗談ですが、それでも潜在的には便利です) 。例:、placement: 'left'
またはplacement: 'right'
。
現時点では、これをリポジトリで処理するための推進力はないようです。
私はこの問題を経験し、次のことを発見しました。
問題の原因
<a href="https://www.facebook.com/ComfortEstatePlanning" data-toggle="tooltip"
data-placement="bottom" title="" data-original-title="follow us on Facebook"
><i class="fa fa-facebook-official fa-lg fa-2x pull-right"></i></a>
プルライトクラスがiタグにあることに注意してください
<a href="https://www.facebook.com/ComfortEstatePlanning" data-
toggle="tooltip" data-placement="bottom" title="" data-original-
title="follow us on Facebook" class="pull-right"><i class="fa fa-facebook-
official fa-lg fa-2x"></i></a>
解決策は、タグにプルライトクラスを配置することです