2013-08-07 28 views
5

我有一個非bootstrap項目,需要彈出功能。如何提取Bootstrap的Popover功能?

我想使用引導程序的彈出窗口,但不想包含所有引導程序,因爲我只會使用這一功能。我也願意接受針對不同的獨立popover小部件的建議。

引導的酥料餅在這裏描述,舉例:

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

我的問題是:

  1. 哪個引導CSS定義將我需要從源頭提取?
  2. 由於the bootstrap customizer is not yet available,我只需要使用文件tooltip.js,還是有一些其他基礎js文件需要包含?

謝謝!

回答

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. 是的,因爲酥料餅的擴展工具提示。如果您尚未使用它,則需要jQuery

我也聽說過關於qTip2的一些好東西。

+0

這真是一個很好的答案。正是我在找的東西。謝謝! – Jonah