How to use tooltip in Bootstrap with example code     we can use below example demo code to

How to use tooltip in Bootstrap with example code     we can use below example demo code to generate tooltip using bootstrap. Toolti
Generic placeholder image

Mukesh R

How to use tooltip in Bootstrap with example code

    we can use below example demo code to generate tooltip using bootstrap. Tooltip is used to show some relevent data while entering into some html elements. this is used to make the used more friendly to the page.
 
Copy the below code and paste into a note and save with extension ".html" , then open the file using a browser then we can see the output

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example For Tooltip</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
  <h1>Tooltip </h1>
  <h3>Just hover the below link</h3>
  <input type="button" data-toggle="showtooltip" title="Hello , I got my tooltip!" value="Hover me" />
</div>
<script>
$(document).ready(function(){
    $('[data-toggle="showtooltip"]').tooltip();   
});
</script>
</body>
</html>