Popover Bootstrap nie jest poprawnie umieszczony, nawet w kontenerze: zestaw 'body'

Question

Mam przycisk w tabeli, który powinien przełączać popover. Ustawiłem data-container="body" tak samo, jak próbowałem go z wersją javascript.

Moja popover wygląda następująco: (I kliknięciu pierwszego przycisku)

Mój kod przycisku jest tutaj:

<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> 

I tu moje javascript:

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

Jak mogę to zrobić, aby umieścić mój popover w porządku? (I tak, mam najnowszą wersję bootstrap.)

Answer 1

To dziwne zachowanie spowodowane jest wieloma elementami select w mojej tabeli. Nie wiem dlaczego? Właśnie zmieniłem szerokość popover na max-width, po kliknięciu przycisku. Dzięki odpowiedniej szerokości również strzałka jest umieszczony po prawej:

$(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

miałem ten sam problem, ale źródłem błędu było to, że mój Bootstrap ramy był przestarzały. Zmieniłem wersję na 2.3.2, a atrybut container: 'body' zaczął działać.

To spowodowało mi dość ból głowy ... dopóki nie dowiedziałem się, że problem nie był w moim własnym kodzie!