Ändern Sie den Stil der Bootstrap-Tooltip

Question

Ich habe Kommentar-Schaltfläche in meiner Tabelle hinzugefügt.Wenn ich schweben wird Tooltip angezeigt.
Wie ändere ich den Stil der Tooltips? Kann mir jemand helfen?

.tooltip-arrow, 
.cancelComments + .tooltip > .tooltip-inner {background-color: #f00;} 

https://jsfiddle.net/5h1ybdp1/3/

Ich versuchte popover auch verwenden, aber popover Anzeige nicht.

Answer 1

Hier sind einfaches Beispiel

HTML

<a href="#" data-toggle="tooltip" data-placement="bottom" 
     title="" data-original-title="Tooltip on bottom" 
     class="red-tooltip">Tooltip on bottom</a> 

CSS

.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;} 
.red-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#f00; } 

http://jsfiddle.net/technotarek/2htZe/

Hier ist die Arbeit mit Ihrem Code, das Problem, das Sie nicht auf bootstrap.js verweisen!

https://jsfiddle.net/5h1ybdp1/7/

Answer 2

Nun, sollte Sie ein Skript schreiben, um eine Werkzeugspitze wie folgt zu erzeugen, und Sie haben, gehören nicht bootstrap.min.js, jquery und bootstrap.min.js einschließlich Bestellung auch wichtig ist. Dies wird lösen Ihr Problem hier ist Ihre aktualisierte Geige https://jsfiddle.net/8q88jrtr/6/

$(document).ready(function(){ 
    $("i").tooltip(); 
}); 

Answer 3

<style>a i{margin:50px 0 0 50px;}#my-tooltip + .tooltip > .tooltip-inner {background-color:#EF5438;}#my-tooltip + .tooltip > .tooltip-arrow {border-top:5px solid #EF5438; }</style> 
<!-- HTML --> 
<a href="#" data-toggle="tooltip" data-placement="top" title="Ur fucking Facebook" id="my-tooltip"><i class="fa fa-facebook"></i></a>