bootstrap popover not showing on top of all elements

by

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

More Related Contents:

  1. Should the Bootstrap media queries be saved in a css file or a js file?
  2. How can you add tooltip to an anchor
  3. Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or Hyperlink
  4. Navbar dropdown (collapse) is not working in Bootstrap 5
  5. Launch Bootstrap Modal on Page Load
  6. Changing nav-bar color after scrolling?
  7. Bootstrap navbar Active State not working
  8. How to create a sticky navigation bar that becomes fixed to the top after scrolling
  9. Getting Bootstrap’s modal content from another page
  10. Contain form within a bootstrap popover?
  11. How to reset the bootstrap modal when it gets closed and open it fresh again?
  12. Bootstrap 4 navbar not collapsing on large screen
  13. How to partition input field to appear as separate input fields on screen?
  14. How to create a responsive image that also scales up in Bootstrap 3
  15. How to enable Bootstrap tooltip on disabled button?
  16. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  17. Bootstrap dropdown closing when clicked
  18. How to keep the changes made to DOM by javascript/jquery on page refresh
  19. Onclick reload the div only
  20. Bootstrap Dropdown with Hover
  21. How to resize Twitter Bootstrap modal dynamically based on the content
  22. Knockout + Bootstrap 3 Radio Buttons
  23. Is it possible to have multiple Twitter Bootstrap carousels on one page?
  24. The data-toggle attributes in Twitter Bootstrap
  25. How to add smooth scrolling to Bootstrap’s scroll spy function
  26. script order for jquery with bootstrap
  27. How to slide nav bar from left instead from top?
  28. Javascript features work on localhost but not when deployed to Heroku
  29. Twitter Bootstrap Popovers not working for Dynamically Generated Content
  30. Bootstrap Dropdown menu is not working

Leave a Comment