css - ブートストラップのポップオーバーが正しく配置されていません

Question

ブートストラップのポップオーバー用にいくつかの追加の配置を実装しており、それらはすべて非常にうまく機能しています。ただし、ポップオーバーの動的コンテンツに問題があります。

コンテンツはうまくレンダリングされていますが、ポップオーバーに上部の配置を使用すると、コンテンツに応じて高さが (動的に) 変化すると、配置が正しくなくなります。

高さを調整したときにアンカーポイントが同じになるようにポップオーバーを修正するにはどうすればよいですか?

Answer 1

これを試して：

.popover{position:fixed;}

Answer 2

次のようなものが必要です。

フィドル

.bubble 
{
    position: absolute;
    left: -100px; /* -half width of bubble + half width of button */
    bottom: 100%; 
    margin-bottom: 15px; /* height of callout spike */
    width: 250px;
    min-height: 50px;
    padding: 5px;
}

質問の画像から、ルールのようです

margin-bottom: 15px; /* height of callout spike */

欠けているものです。

Answer 3

デフォルトでは上の位置にあり、下にして位置を調整してください。すると高さが上に上がりますが、デザインには影響しません。