ポップオーバーはフォーム内に表示されません

Question

こんにちは、私はWeb developpingに新しいので、入力をクリックするとポップオーバーはフォーム内に表示されませんが、例ではうまく動作します私のコードでは、それは私が範囲スライダのためのjQueryの別のバージョンを使用していない

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

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
    <!-- Latest compiled JavaScript --> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 
<input type="text" name="name" data-toggle="popover" data-placement="right" title="Popover Header" data-trigger="focus">name</input>

Answer 1

enter image description here ん私はそれがあなたの ``ある問題