How to Add Tooltip in Bootstrap?

By Hardik Savani November 5, 2023 Category : Bootstrap

Nowdays bootstrap is very famouse framework. If you are macking design using bootstrap then you can easily use tooltip with better design. If you think how to set right side tooltip, or how to set left side tooltip, or how to set top side tooltip and how to set bottom side tooltip then you can set easily. In following example you can i add top side tooltip of button. Mostly we require to add tooltip on icon and button so let's see and if you require to your prject then implement.

Example:

<button class="btn btn-success" rel="tooltip" title="Create new record">Create</button>


<script type="text/javascript">

$(document).ready(function(){

$("[rel=tooltip]").tooltip({ placement: 'top'});

});

</script>

I hope it can help you...

Shares