Question

我在bootstrap3的某些元素上有这个讨厌的显示 enter image description here

黑色三角形位于工具提示的MIDDLE中。

我的展示位置设置为“自动”

甚至删除所有我的CSS和所有js（只保留bootstrap和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">

这是它的调用方式（在footer.php中）

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

这是FULL Page

<!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>

FIDDLE： http://jsfiddle.net/a279b885/

如何修正bootstrap3和工具提示：放置显示错误？

0 个答案: