बूटस्ट्रैप की पॉपओवर कार्यक्षमता कैसे निकालें?

Question

मेरे पास एक गैर बूटस्ट्रैप प्रोजेक्ट है जिसके लिए पॉपओवर कार्यक्षमता की आवश्यकता है।

मैं बूटस्ट्रैप के पॉपओवर का उपयोग करना चाहता हूं, लेकिन सभी बूटस्ट्रैप को शामिल नहीं करना चाहता, क्योंकि मैं केवल इस सुविधा का उपयोग करूँगा। मैं एक अलग स्टैंडअलोन पॉपओवर विजेट के लिए सुझावों के लिए भी खुलेगा।

बूटस्ट्रैप के पॉपओवर यहां बताई गई हैं, उदाहरण के साथ:

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

मेरे प्रश्न हैं:

1. कौन सा बूटस्ट्रैप सीएसएस परिभाषाओं मैं स्रोत से निकालने के लिए की आवश्यकता होगी?
2. the bootstrap customizer is not yet available के बाद से, क्या मुझे फ़ाइल tooltip.js फ़ाइल का उपयोग करने की आवश्यकता है, या क्या कुछ अन्य बेस जेएस फाइलें हैं जिन्हें मुझे शामिल करने की आवश्यकता होगी?

धन्यवाद!

Answer 1

1. यहां बूटस्ट्रैप के प्रासंगिक स्निपेट के साथ fiddle है। प्रासंगिक वर्ग हैं:

   .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 के बारे में कुछ अच्छी बातें भी सुनी हैं।