बूटस्ट्रैप पॉपओवर कंटेनर के साथ भी सही ढंग से नहीं रखा गया है: 'body' सेट

Question

मुझे एक टेबल में एक बटन मिला है जो एक पॉपओवर टॉगल करना चाहिए। मैंने data-container="body" सेट किया है साथ ही साथ मैंने जावास्क्रिप्ट संस्करण के साथ इसे आजमाया है।

मेरे पॉपओवर इस तरह दिखता है: (मैं पहली बार बटन क्लिक किया है)

मेरे बटन कोड यहाँ है:

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

और यहाँ मेरी जावास्क्रिप्ट:

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

मैं अपने पॉपओवर को सही जगह देने के लिए इसे कैसे प्राप्त कर सकता हूं? (और हाँ मेरे पास नवीनतम बूटस्ट्रैप संस्करण है।)

Answer 1

यह अजीब व्यवहार मेरी तालिका के भीतर कई select तत्वों के कारण होता है। मुझे नहीं पता क्यों? बटन क्लिक होने के बाद, मैंने पॉपओवर की चौड़ाई 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' विशेषता काम करना शुरू कर दिया।

इससे मुझे काफी सिरदर्द हुआ ... जब तक मुझे पता चला कि समस्या मेरे अपने कोड में नहीं थी!