---
title: "Tooltips"  
description: "Tooltips"  
author: "Anonymous User"  
published: 2018-06-29  
updated: 2018-07-02  
canonical: https://www.mindstick.com/forum/34567/tooltips  
category: "web development"  
tags: ["web development"]  
reading_time: 1 minute  

---

# Tooltips

[Tooltips](https://www.mindstick.com/blog/304312/creating-css-only-tooltips) in [Bootstrap](https://www.mindstick.com/articles/1555/image-viewer-using-bootstrap-carousel) ?

\

\

## Replies

### Reply by Prakash nidhi Verma

To create a tooltip, add the data-toggle="tooltip" attribute to an element. Tooltip are quite useful for showing description of different elements in the webpage. Tooltip can be invoked on any element in a webpage. Use the title attribute to specify the text that should be displayed inside the tooltip:

```
<a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a>
```

Syntax:\

```
<script>
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();
});
</script>
```

Example :

```
<div class="row" style="margin:60px">
    <button type="button" class="btn btn-warning"
     data-toggle="tooltip" data-placement="left"
     data-html="true"
     title="<h4>Hey!</h4><p>Go for Mindstick</p>">
          Warning
    </button>
</div>
```

Happy coding :)


---

Original Source: https://www.mindstick.com/forum/34567/tooltips

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.