Twitter Bootstrap - how, um etwas mehr Abstand zwischen popup und tooltip-element

habe ich nicht versucht etwas, da kann ich nicht verstehen, wo der Platz zwischen tooltip und element aus/Hinzugefügt von bootstrap -, Regel-tooltip ist wirklich in der Nähe des element, der löst den tooltip event.

Nur ich würde das gerne machen, die QuickInfo öffnen wenig Weg von dem element, und fügen Sie einige mehr-Marge von tooltip und eleemnt ich meine.

Ich würde gerne verstehen, wie das im css, wenn möglich und wenn es möglich zu machen, sowohl für rechts,Links,oben,unten tooltips

Hoffe die Frage ist klar.

Dies ist, wie tooltips sieht auf meiner app:

und das ist, was ich gerne tun würde und wie sollte Sie Aussehen nach

ich poste Bilder, um deutlicher zu sein
Funktioniert nicht mit Standard-Optionen, die Sie haben zu verwenden, eine anderen plugin oder ändern der script-code für Ihre Bedürfnisse.
gut, wenn ich eine Arbeit brauche, um ich kann jquery verwenden, aber ich muss wissen, wie zu packen, tooltip, und fügen Sie etwas Rand mehr

InformationsquelleAutor itsme | 2013-03-24

14

Dies ist die Standard-CSS-Code für ein tooltip oben :
```
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
```
Können Sie überschreiben Sie es mit Ihren eigenen CSS :
```
.tooltip.top {
  margin-top: -10px;
}
```
Hinweis: dieser code funktioniert nur Arbeit einem tooltip an der Spitze, werden Sie nedd zum anpassen der CSS für die 3 anderen Orientierungen :
```
.tooltip.top    { margin-top: -10px; }
.tooltip.right  { margin-left: 10px; }
.tooltip.bottom { margin-top: 10px;   }
.tooltip.left   { margin-left: -10px; }
```
- oh, das ist ja genial-testen Sie es aus
- funktioniert nur für bootstrap <4
InformationsquelleAutor zessx
3

Dieser Arbeit wird für bootstrap-4v

Den Klassennamen ziemlich dramatisch verändert haben:
- .bs-tooltip-Boden
- .bs-tooltip-top -
- .bs-tooltip-Recht
- .bs-tooltip-Links
Beispiel:
```
.bs-tooltip-bottom { 
    margin-top: 10px; 
 }
```
InformationsquelleAutor Aduku
1

In der bootstrap.css-finden Sie diesen code:
```
.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;
}
```
Ändern oder außer Kraft setzen, die Margen zu ändern, Abstand der tooltip von trieben Elemente.

I. E. eingestellt größeren Abstand zur top-position des Tooltips, .tooltip.top Klasse wie folgt aus:
```
.tooltip.top {
  padding: 5px 0;
  margin-top: -70px;
}
```
- rly, danke, ich nahm die andere Antwort nur Ursache er war schneller bei der Beantwortung von mir 😉
- Kein problem, das ist fair 😉
- Was ist, wenn ich möchte, dass meine .tooltip.top für bestimmte div-Klasse nur
InformationsquelleAutor Miljan Puzović

Hier ist die vollständige Bootstrap-4-Lösung

.bs-tooltip-top {
    top: -10px !important;
}

.bs-tooltip-right {
    left: 10px !important;
}

.bs-tooltip-bottom {
    top: 10px !important;
}

.bs-tooltip-left {
    left: -10px !important;
}

InformationsquelleAutor algorhythm

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.