排序的类似于mattbtay说,但一些变化。需要html:true。
将此脚本放在页面底部朝向贴近身体标记。
<script type="text/javascript">
$(document).ready(function() {
$("[rel=drevil]").popover({
placement : 'bottom', //placement of the popover. also can use top, bottom, left or right
title : '<div style="text-align:center; color:red; text-decoration:underline; font-size:14px;"> Muah ha ha</div>', //this is the top title bar of the popover. add some basic css
html: 'true', //needed to show html of course
content : '<div id="popOverBox"><img src="http://www.hd-report.com/wp-content/uploads/2008/08/mr-evil.jpg" width="251" height="201" /></div>' //this is the content of the html box. add the image here or anything you want really.
});
});
</script>
然后HTML是:
<a href="#" rel="drevil">mischief</a>
请参考此链接。通过使用这个我认为你应该也能够显示图像。 [http://stackoverflow.com/questions/8494291/can-i-use-html-tags-in-twitter-bootstrap-popover- data-content](http://stackoverflow.com/questions/8494291/can html-true-html-tags-in-twitter-bootstrap-popover-data-content) – Vins