How do I use popover from Twitter Bootstrap to display an image?

Question

The canonical example for Twitter Bootstrap\'s popover feature is sort of a tooltip on steroids with a title.

HTML:

Answer 1

Here I have an example of Bootstrap 3 popover showing an image with the tittle above it when the mouse hovers over some text. I've put in some inline styling that you may want to take out or change.....

This also works pretty well on mobile devices because the image will popup on the first tap and the link will open on the second. html:

Template Preview 1 

Template Preview 2 

Template Preview 3 

js:

$('.preview').popover({
    'trigger':'hover',
    'html':true,
    'content':function(){
        return "";
    }
});

https://jsfiddle.net/pepsimax_uk/myk38781/3/