如何只包含Bootstrap Popover功能?

时间:2015-11-10 04:45:35

标签: twitter-bootstrap popover

我怎样才能只包含Twitter Bootstrap中的popover功能?我只想在我的应用程序中使用弹出窗口,并且不想包含Bootstrap的任何其他功能。

我已经包含以下内容:src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"

但是,当我测试时,我的应用程序中没有执行/识别任何popover函数/方法。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

您需要包含jquery.jsbootstrap.js,您可以跳过bootstrap.css,但您的popover需要设置样式。您可以使用浏览器开发工具查看需要设置样式的popover类。

HTML:

<p>Popover Demo</p>

<a href="#" id="example" rel="popover"
   data-content="This is the body of Popover"
   data-original-title="Demo">pop
</a>

JS:

$(function () {
    $('#example').popover();
});

CODEPEN DEMO