引导工具提示不工作在我的php文件 - Bootstrap tooltip is not working on my php file

Bootstrap tooltip is not working on my php file

我已经使用bootstrap v3.3.7上我的php项目。我已经包含了所有的缩小文件。但是我的工具提示不工作。

<script type="text/javascript">
	$(function () {
  $('[data-toggle="tooltip"]').tooltip()
 
})
   </script> 
<script src="js/bootstrap.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">

<div class="container">
<div class="row">
    
    <div class="col-md-9">
      <div class="content1">
      <div style="padding-left:120px; padding-right:120px">
      <form class="form-horizontal" role="form" method="post"
      id="formID" enctype="multipart/form-data">
        <div class="form-group">
    <label for="inputEmail3" class="col-sm-3 control-label">Name of business</label>
    <div class="col-sm-8">
      <input type="text" class="form-control validate[required]"  placeholder="Enter name of your business" name="tbname" value="<?=$b_name?>" >
    </div>
  </div>
  <br>
          <div class="form-group">
    <label for="inputPassword3" class="col-sm-3 control-label">Area</label>
    <div class="col-sm-5">
      <select class="form-control" name="area" id="area" data-toggle="tooltip" data-placement="right" title="specify your nearby location">
        <option value="">-- Select Area --</option>
	   <?php
        $q = mysqli_query($con, "select * from tbl_areas");
        while($result = mysqli_fetch_assoc($q))
        {
          
            echo "<option value='$result[areaid]'>$result[area]</option>";
        }
        ?>
        </select>
       </div>
    </div>
        <div class="col-sm-7"> <input type="submit" name="btnad" id="btnad" value="Register" class="btn btn-info"/></div>
</form>
</div>
    </div> 
 </div>
  
  <div class="col-md-3">
      <div class="right">
        <?php include 'include'front_right.php'?>
      </div>
    </div>
</div><!--row end-->
   
</div>

我在这里只使用了"选择"标签的工具提示。但还是不行。

请检查这个演示是如何工作的

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</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/1.12.4/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
  <h3>Tooltip Example</h3>
  <a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a>
</div>
<script>
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();   
});
</script>
</body>
</html>

是否包含jquery?下面是一个工作示例:

$(function () {
  $('[data-toggle="tooltip"]').tooltip();
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap-theme.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">
  <div class="row">
    <label for="inputPassword3" class="col-sm-3 control-label">Area</label>
    
    <div class="col-sm-5">
      <select class="form-control" name="area" id="area" data-toggle="tooltip" data-placement="bottom" title="specify your nearby location">
          <option value="">-- Select Area --</option>
          <option value="1">Area 1</option>
          <option value="2">Area 2</option>
        </select>
       </div>
    
    </div>
  </div>