弹出窗口不能与bootstrap一起使用？

Question

按照我复制的文档:

<div class="container">
    <div class="row">
        <div class="bs-docs-example" style="padding-bottom: 24px;">
            <a href="#" class="btn btn-large btn-danger" rel="popover" data-content="And here's some amazing content. It's very engaging. right?"
            data-original-title="A Title">Click to toggle popover</a>
        </div>
    </div>
</div>

的jsfiddle

但它不起作用.我究竟做错了什么？

Answer 1

我通过做两件事来完成它:

1. 由于Popover依赖于Tooltip,请确保在bootstrap-popover.js之前包含bootstrap-tooltip.js.

2. 用类似的行激活插件 $('.container a').popover();

要让顶部的弹出窗口添加data-placement="top"到a标记中.

Answer 2

弹出窗口默认情况下未初始化.如果您包含全包bootstrap.js(v 2.2,2.3),请将其初始化为:

$('a[data-toggle=popover]').popover();