Colored Bootstrap Tooltip

by duckies

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
  <div class="mytooltip"> 
    <a data-toggle="tooltip" data-placement="bottom"
       title="" data-original-title="Tooltip on bottom">Tooltip on bottom</a>
  </div>

CSS

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

JavaScript

$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();
});