Bootstrap su Twitter - come aggiungere un margine in più tra il suggerimento popup e l'elemento

Question

non ho provato nulla visto che non riesco a capire dove lo spazio tra tooltip e elemento viene creato/aggiunto da bootstrap, normalmente tooltip è davvero vicino all'elemento che si innesca l'evento tooltip.

Vorrei solo fare in modo che il tooltip si apra un po 'lontano dall'elemento, per aggiungere un margine in più rispetto a tooltip ed eleemnt intendo.

Vorrei capire come fare questo in CSS, se possibile, e se è possibile farlo sia per destra, sinistra, in alto, in basso i suggerimenti

domanda speranza è chiaro.

Ecco come tooltip appare sul mio app:

e questo è quello che vorrei fare e come dovrebbero si prende cura

Answer 1

Questo è il CSS predefinito per un tooltip in cima :

.tooltip.top { 
    padding: 5px 0; 
    margin-top: -3px; 
} 

è possibile ignorare che nel vostro CSS:

.tooltip.top { 
    margin-top: -10px; 
} 

Nota questo codice funziona solo lavoro un tooltip in cima, si Nedd di adattare il CSS per gli altri 3 orientamenti:

.tooltip.top { margin-top: -10px; } 
.tooltip.right { margin-left: 10px; } 
.tooltip.bottom { margin-top: 10px; } 
.tooltip.left { margin-left: -10px; } 

Answer 2

In bootstrap.css troverete questo codice:

.tooltip.top { 
    padding: 5px 0; 
    margin-top: -3px; 
} 

.tooltip.right { 
    padding: 0 5px; 
    margin-left: 3px; 
} 

.tooltip.bottom { 
    padding: 5px 0; 
    margin-top: 3px; 
} 

.tooltip.left { 
    padding: 0 5px; 
    margin-left: -3px; 
} 

Modificare o sovrascrivere i margini per modificare la distanza del suggerimento dagli elementi al passaggio del mouse.

I.E. Per impostare più grande distanza per la posizione superiore del tooltip, impostare .tooltip.top classe come questa:

.tooltip.top { 
    padding: 5px 0; 
    margin-top: -70px; 
}