Twitter bootstrap 3 如何更正bootstrap3和工具提示:放置显示错误?

Twitter bootstrap 3 如何更正bootstrap3和工具提示:放置显示错误?,twitter-bootstrap-3,Twitter Bootstrap 3,我用bootstrap3在一些元素上显示了这种讨厌的东西 黑三角位于工具提示的中间。< /强> 我的位置设置为“自动” 甚至删除我所有的css和js(只保留引导和css),我也有这个问题 // I just keep this to test and still have problem <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> <script type="te

我用bootstrap3在一些元素上显示了这种讨厌的东西

<强>黑三角位于工具提示的中间。< /强>

我的位置设置为“自动”

甚至删除我所有的css和js(只保留引导和css),我也有这个问题

// I just keep this to test and still have problem
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
这是全文

<!doctype html>
<html >
<head>
<meta charset="utf-8">

<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>    
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">    
</head>    
<body>    
            <div class="btn-group" data-toggle="buttons">
              <label title="Main-Stage" class="btn btn-default  active" >
                <input type="radio"  name="options" checked >Main-Stage
                </label>
              <label title="Chat with DJ" class="btn btn-default"  >
                <input type="radio" name="options" > DJ 
              </label>
              <label title="Chat with Manager"  class="btn btn-default">
                <input type="radio" name="options" > Manager     
              </label>
            </div>

<script>

(function() {
    $('[title]').tooltip({
        placement:"auto"
    });

})();   

</script>
</body>
</html>

主舞台
流行音乐播音员
经理
(功能(){
$(“[title]”)。工具提示({
位置:“自动”
});
})();   
小提琴:

当指定“自动”值时,它将动态重新定向工具提示。例如,如果placement值为“auto top”,则工具提示将尽可能显示在顶部,否则将显示在底部。
您的屏幕截图明显显示自定义CSS,我怀疑这是引导错误。同意@NDM。为了解决这个问题,我们必须看到标记和所有添加的CSS。它能在小提琴中重现吗?小提琴:听起来像是你遇到了
<!doctype html>
<html >
<head>
<meta charset="utf-8">

<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>    
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">    
</head>    
<body>    
            <div class="btn-group" data-toggle="buttons">
              <label title="Main-Stage" class="btn btn-default  active" >
                <input type="radio"  name="options" checked >Main-Stage
                </label>
              <label title="Chat with DJ" class="btn btn-default"  >
                <input type="radio" name="options" > DJ 
              </label>
              <label title="Chat with Manager"  class="btn btn-default">
                <input type="radio" name="options" > Manager     
              </label>
            </div>

<script>

(function() {
    $('[title]').tooltip({
        placement:"auto"
    });

})();   

</script>
</body>
</html>