【问题标题】：Bootstrap Popover: invert title and contentBootstrap Popover：反转标题和内容
【发布时间】：2014-08-29 14:31:00
【问题描述】：

由于我网站上的 JS 冲突，我无法使用 Bootstrap Tooltip。但是 Popover 有效。所以我尝试用 Popover 做一些类似于 Tooltip 的事情。我想使用我的 HTML 元素的“标题”标签在 Popover 内容中使用，并将标题定义为默认值。

我的实际代码

<button type="button" class="btn btn-lg btn-danger hasTooltip" title="test de popover" >Click to toggle tooltip</button>
<script type="text/javascript">
    !function ($) {
        $(function(){
            // tooltip demo
            $(".hasTooltip").popover({
                content: function() {
                    return "TITLE";
                },
                title:'Info', 
                trigger: "hover",  
                placement: "bottom"
             });
         })   
    }(window.jQuery)    
</script>

你知道我应该怎么做吗？

【问题讨论】：

标签： twitter-bootstrap popover

【解决方案1】：

试试这个：

使用'template'，您可以随意更改

根据您的要求：

将类更改为class="popover-title"

$('.hasTooltip').popover({ 'template': '<div class="popover" role="tooltip"><div class="arrow"></div><div class="popover-title"></div></div>' });

DEMO

【讨论】：