Twitter Bootstrap - Wie fügt man zwischen Tooltip-Popup und Element etwas mehr Marge hinzu

8

Ich habe nichts versucht, da ich nicht verstehen kann, wo der Abstand zwischen Tooltip und Element vom Bootstrap herrührt / hinzugefügt wird, normalerweise ist Tooltip wirklich in der Nähe des Elements, das das Tooltip-Ereignis auslöst.

Ich möchte nur die Tooltip-Öffnung etwas vom Element weg machen, um etwas mehr Marge von Tooltip und eleemnt hinzuzufügen, meine ich.

Ich würde gerne verstehen, wie dies in CSS zu tun ist, wenn es möglich ist und ob es möglich ist, beides für rechte, linke, obere und untere Tooltips zu machen

Hoffnung Frage ist klar.

So sehen Tooltips in meiner App aus:

und das ist es, was ich tun möchte und wie sie sich darum kümmern sollen

    
sbaaaang 24.03.2013, 17:11
quelle

2 Antworten

10

Dies ist das Standard-CSS für einen Tooltip oben:

%Vor%

Sie können es in Ihrem eigenen CSS überschreiben:

%Vor%

Beachten Sie, dass dieser Code nur funktioniert, wenn Sie oben einen Tooltip verwenden, damit Sie die CSS für die drei anderen Orientierungen anpassen können:

%Vor%     
zessx 24.03.2013, 17:30
quelle
1

In bootstrap.css finden Sie diesen Code:

%Vor%

Ändern oder überschreiben Sie die Ränder, um den Abstand der QuickInfo von den überfahrenen Elementen zu ändern.

I.E. Um einen größeren Abstand für die oberste Position des Tooltips festzulegen, legen Sie .tooltip.top class wie folgt fest:

%Vor%     
Miljan Puzović 24.03.2013 17:32
quelle