Using Twitter Bootstrap - Trigger Popover On Hover Instead Of Click

Today I just wanted to do a quick write up of how to trigger the Popover on Hover for Twitter Bootstrap.

Below are two ways this can be done:

HTML: inside the markup add the data-trigger=”hover”

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


jQuery: Add a trigger: ‘hover’

<script type="text/javascript">
  $('#popover').popover({
    trigger: 'hover'
  });
</script>
Load Comments