如何提取Bootstrap Popover功能?

时间:2013-08-07 02:44:58

标签: javascript twitter-bootstrap

我有一个需要弹出功能的非引导项目。

我想使用bootstrap的popovers,但不想包含所有的bootstrap,因为我只会使用这一功能。我也愿意接受一个不同的独立popover小部件的建议。

这里描述了Bootstrap的弹出窗口,其中包含示例:

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

我的问题是:

  1. 我需要从源代码中提取哪些引导程序CSS定义?
  2. the bootstrap customizer is not yet available开始,我只需要使用文件tooltip.js,还是需要包含一些其他基本js文件?
  3. 谢谢!

1 个答案:

答案 0 :(得分:10)

  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

  3. 我也听过qTip2的一些好消息。