Cover plate not installed correctly

Question

I had a problem loading bootstrap while inserting images. At the first click, the left arrow is sometimes too low. In the second click, everything is in order.

var content = '<p>Have a nice day</p><img src="https://si0.twimg.com/a/1339639284/images/three_circles/twitter-bird-white-on-blue.png" />'; $("#blob").popover({ content: content, html: true }); 

This also happens, but not so often, if image sizes are explicitly specified.

http://jsfiddle.net/34zp7hsu/

Maybe you can draw a popover twice per click? Any help would be appreciated.

UPDATE

Displaying the image in a hidden div on the page also solved the problem, although I don’t understand why it doesn’t work with the specified width and height in the image ...

Answer 1

your problem is one of the CSS rules for the popover class: max-width: 276px; so you just need to add a new rule: max-width: none;

Hope I help!