How to 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.

About Shahriar Sagor

My name is Shahriar sagor. I'm a developer. I live in Bangladesh and I love to write tutorials and tips that will help to other Developer's. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.

View all posts by Shahriar Sagor →