Monday, May 20, 2024
 Popular · Latest · Hot · Upcoming
158
rated 0 times [  163] [ 5]  / answers: 1 / hits: 147883  / 12 Years ago, mon, december 24, 2012, 12:00:00

I'm working on a bootstrap site and after updating to bootstrap 2.2 from 2.0 everything worked except the popover.



The popovers still show up fine, but they don't show up on top of all other elements.



<div> // this sits on top of the popover. this did not happen before cleaning up scripts.
<div> //popover shows on top of this
<div> //popover shows on top of this
//link here with popover in it.
</div>
</div>
</div>


Anyone have any idea on why the behavior of the popover changed, or how I can fix it? Thanks.


More From » html

 Answers
32

I was able to solve the problem by setting data-container=body on the html element



HTML example:



<a href=# data-toggle=tooltip data-container=body title=first tooltip>
hover over me
</a>


JavaScript example:



$('your element').tooltip({ container: 'body' }) 


Discovered from this link: https://github.com/twitter/bootstrap/issues/5889


[#81240] Saturday, December 22, 2012, 12 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
madalyngriseldas

Total Points: 167
Total Questions: 92
Total Answers: 85

Location: Iceland
Member since Sat, Sep 17, 2022
2 Years ago
;