Tooltip nicht auf der Unterseite

Question

Ich habe eine Navigationsleiste und es gibt einen grünen Knopf. Wenn der Cursor darauf schwebt, möchte ich einen Tooltip (ganz unten) sehen. Aber das passiert nicht. Ich habe das folgende Skript verwendet:

$("[data-toggle="tooltip"]").tooltip(); 

Eine sehr seltsame Sache passiert. Der Tooltip wird unter der Navigationsleiste versteckt. Oder so scheint es. Kann mir jemand dabei helfen? Im Folgenden ist der HTML-Code für die Schaltfläche (es innerhalb der Header-Tag eingeschlossen ist):

<a id="ID" style="margin-right: 20px" class="btn btn-success" 
    data-placement="bottom" data-toggle="tooltip" href="#" 
    data-original-title="Tooltip on bottom">Has hover state</a> 

Answer 1

Fix Ihr JavaScript zitiert:

$("a[data-toggle='tooltip']").tooltip(); 

Sehen Sie diese Plunker als Referenz, es hat Ihr Markup und die Javascript wurde korrigiert.

Beachten Sie, dass die ausgeführt wird, nachdem das DOM mit dem entsprechenden Markup bereit ist.

---

EDIT: Nach einer langen Diskussion in den Kommentaren, die Lösung wurde dies auf die CSS hinzufügen:

.tooltip{ position: fixed;}