Twitter Bootstrap Tooltip non si allinea correttamente quando sta andando fuori dalla finestra

Question

Quando ho un elemento associato a un suggerimento Bootstrap di Twitter e il tooltip si sovrappone al di fuori della finestra del browser, tenta di riallineare all'interno della finestra ma disallinea verticalmente (cioè l'allineamento superiore del suggerimento è ora centrato piuttosto che sopra l'elemento obiettivo)

Qualcuno ha riscontrato questo prima e, in caso affermativo, qual è stato il lavoro intorno/correzione/aggiornamento?

Answer 1

Sì, altri lo hanno già incontrato. Ad esempio, Issue #4125: Bad position of tooltip o Issue #3556: Tooltips near edge of window don't activate properly.

Nel primo si suggerisce a uno testo disabilitare incarto o impostare un'altezza fissa.

Nel secondo si suggerisce (piuttosto in modo scherzoso - ma comunque potenzialmente utile) a impostare un diverso posizionamento sulle descrizioni dei comandi che si sa saranno vicino al bordo della finestra. Ad es., placement: 'left' o placement: 'right'.

A questo punto non sembra esserci alcun impulso per ottenere questo gestito nel repository.

Answer 2

Ho riscontrato questo problema e ho trovato quanto segue.

ha causato il problema

<a href="https://www.facebook.com/ComfortEstatePlanning" data-toggle="tooltip" 
data-placement="bottom" title="" data-original-title="follow us on Facebook" 
><i class="fa fa-facebook-official fa-lg fa-2x pull-right"></i></a> 

Annotare il classe pull-destra è sul tag i

<a href="https://www.facebook.com/ComfortEstatePlanning" data- 
toggle="tooltip" data-placement="bottom" title="" data-original- 
title="follow us on Facebook" class="pull-right"><i class="fa fa-facebook- 
official fa-lg fa-2x"></i></a> 

soluzione è quella di mettere il pull-destra classe sul a tag