Home Bootstrap How to add tooltip Bootstrap?

How to add tooltip Bootstrap?

by Shahriar Sagor
add tooltip Bootstrap

Today now in this post i will show you how to add tooltip Bootstrap? Now days bootstrap is a very famous framework for design. If we are making design by using bootstrap then we can easily use the tooltip with better design. If we think about how to set right side tooltip, or how to set the left side tooltip, or how to set on top side tooltip and how to set on bottom side tooltip then i hope you can set this easily. Now in the following example we can i add on top side tooltip of button. Mostly we need to add tooltip on icon and also button.

So let’s start and see. If you need to your project 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>

Read Also : Laravel Favorite System Example

Thanks for read. I hope it help you. For more you can follow us on facebook.

close

You may also like