コンテナー： 'body'が設定されていても、ブートストラップポップオーバーが正しく配置されない

Question

ポップオーバーを切り替える必要があるボタンがテーブルにあります。私はdata-container="body"を設定しているだけでなく、私はjavascriptバージョンで試してみました。

私のポップオーバーは、次のようになります（私は最初のボタンをクリックした）

マイボタンのコードはここにある：

<button id="testsettracesBtn1" class="btn btn-large btn-danger" data-toggle="popover" title="" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A Title">Click to toggle popover</button> 

そして、ここに私のjavascript：

<script type="text/javascript"> 
     $("#testsettracesBtn1").popover({ container: 'body'}); 
</script> 

私はpopoverの権利を置くためにどうすれば実現できますか？ （そして、はい、私は最新のブートストラップバージョンを持っています。）

Answer 1

この奇妙な動作は、多くのselect要素がmyテーブル内にあるために発生します。どうしてか分かりません？ボタンをクリックした後で、ポップオーバーの幅をmax-widthに変更しました。また、矢印が右に配置されている正しい幅で：

$(document).ready(function(){  
    $("[id^=kommentareBtn-]").popover({ container: 'body', placement: 'bottom', html: true }); 

    //this fixed my problem... 
    $("[id^=kommentareBtn-]").click(function() { 
     $(".popover").css("width", "276px"); 
    }); 
}); 

Answer 2

私は同じ問題を抱えていたが、バグの原因は、私のブートストラップ・フレームワークが時代遅れだったということでした。 2.3.2にアップグレードし、container: 'body'属性が機能し始めました。

それは私にかなりの頭痛を引き起こしました...問題が私自身のコードではないことが分かった時まで！