Search code examples
javascriptcsstwitter-bootstraptooltip

How to flip Twitter Bootstrap's Tooltips


I am using Twitter's Bootstrap to implement tooltips. Currently, the tooltips appear above the link. I would like the tooltip to appear underneath the link. How would I go about doing this?

I am triggering the tooltip and it clearly states "bottom" but it doesn't want to work for me...

<script>$('#home').tooltip('hide bottom')</script>

Solution

  • $('#tooltip').tooltip({
        placement : 'left',
        title : 'first tooltip'
    });
    

    Use this inside <script> tags, or in a separate JavaScript file.