Make Bootstrap Popover Appear/Disappear on Hover instead of Click

by

Set the trigger option of the popover to hover instead of click, which is the default one.

This can be done using either data-* attributes in the markup:

<a id="popover" data-trigger="hover">Popover</a>

Or with an initialization option:

$("#popover").popover({ trigger: "hover" });

Here’s a DEMO.

More Related Contents:

  1. My code dont works but I don't know why [closed]
  2. How to open a Bootstrap modal window using jQuery?
  3. Multiple modals overlay
  4. Changing nav-bar color after scrolling?
  5. Bootstrap: Open Another Modal in Modal
  6. Keep Bootstrap Dropdown Open When Clicked Off
  7. Getting Bootstrap’s modal content from another page
  8. Twitter Bootstrap alert message close and open again
  9. How to reset the bootstrap modal when it gets closed and open it fresh again?
  10. How can I close a Twitter Bootstrap popover with a click from anywhere (else) on the page?
  11. Bootstrap 4 File Input
  12. Twitter Bootstrap Modal stop Youtube video
  13. Retain Twitter Bootstrap Collapse state on Page refresh/Navigation
  14. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  15. Bootstrap modal: close current, open new
  16. Why does multiple modal using twitter bootstrap got error too much recursion?
  17. Trees in Twitter Bootstrap [closed]
  18. Bootstrap modal: background jumps to top on toggle
  19. Bootstrap accordion, scroll to top of active (open) accordion on click?
  20. how to bind Bootstrap-datepicker element with angularjs ng-model?
  21. How to keep the changes made to DOM by javascript/jquery on page refresh
  22. Onclick reload the div only
  23. How to resize Twitter Bootstrap modal dynamically based on the content
  24. How do I keep the current tab active with twitter bootstrap after a page reload?
  25. The data-toggle attributes in Twitter Bootstrap
  26. script order for jquery with bootstrap
  27. Form Validation With Bootstrap (jQuery)
  28. Bootstrap Dropdown menu is not working
  29. Bootstrap button drop-down inside responsive table not visible because of scroll
  30. “Force Reflow” in CSS transitions in Bootstrap

Leave a Comment