How to add tooltip Bootstrap?

By Hardik Savani | April 26, 2016 | | 40402 Viewer | 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>



Hardik Savani
My name is Hardik Savani. I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.
***Do you want me hire for your Project Work? Then Contact US.


We are Recommending you: