javascript - 如何提取 Bootstrap 的 Popover 功能？

Question

我有一个需要弹出窗口功能的非 Bootstrap 项目。

我想使用 bootstrap 的弹出窗口，但不想包括所有 bootstrap，因为我只会使用这一项功能。我也乐于接受关于不同的独立弹出窗口小部件的建议。

这里描述了 Bootstrap 的弹出窗口，并附有示例:

http://getbootstrap.com/javascript/#popovers

我的问题是:

1. 我需要从源代码中提取哪些 bootstrap CSS 定义？
2. 自 the bootstrap customizer is not yet available , 我是否只需要使用文件 tooltip.js ，或者是否有其他一些我需要包含的基本 js 文件？

谢谢!

Answer 1

1. 这是一个 fiddle与 Bootstrap 的相关片段。这相关类是:

   .popover
   .popover.top
   .popover.right
   .popover.bottom
   .popover.left 
   .popover-title 
   .popover-content 
   .popover .arrow
   .popover .arrow:after
   .popover .arrow
   .popover .arrow:after
   .popover.top .arrow
   .popover.top .arrow:after
   .popover.right .arrow
   .popover.right .arrow:after
   .popover.bottom .arrow
   .popover.bottom .arrow:after
   .popover.left .arrow
   .popover.left .arrow:after
   

2. 是的，因为 popover 扩展了工具提示。你需要 jQuery如果您还没有使用它。

我还听说过一些关于 qTip2 的好消息.