如何提取Bootstrap的Popover功能?

Jon*_*nah 5 javascript twitter-bootstrap

我有一个非引导项目,需要popover功能.

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

这里描述了Bootstrap的popover,其中包含示例:

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

我的问题是:

  1. 我需要从源中提取哪些bootstrap CSS定义?
  2. 由于引导程序定制程序尚不可用,我是否只需要使用文件tooltip.js,或者是否需要包含其他一些基本js文件?

谢谢!

sgb*_*gbj 10

  1. 这里有一个关于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
    
    Run Code Online (Sandbox Code Playgroud)
  2. 是的,因为popover扩展了工具提示.如果你还没有使用它,你将需要jQuery.

我也听过一些关于qTip2的好东西.