Come estrarre le funzionalità di popover di Bootstrap?

Question

Ho un progetto non di bootstrap che richiede la funzionalità di popover.

Mi piacerebbe utilizzare i popover di bootstrap, ma non voglio includere tutto il bootstrap, dato che userò solo questa funzione. Sarei anche aperto a suggerimenti per un diverso widget popover standalone.

popover di Sputafuoco sono descritte qui, con gli esempi:

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

Le mie domande sono:

1. Quali definizioni CSS bootstrap avrò bisogno di estrarre dalla sorgente?
2. Dal the bootstrap customizer is not yet available, devo semplicemente usare il file tooltip.js oppure ci sono altri file js di base che devo includere?

Grazie!

Answer 1

1. Ecco un fiddle con i frammenti pertinenti Bootstrap. I classi rilevanti sono:

   .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. Sì, dal momento che si estende popover tooltip. E avrai bisogno di jQuery se non lo stai già utilizzando.

Ho anche sentito alcune belle cose su qTip2.