Question

我在bootstrap-ui工具提示中发生了一个奇怪的CSS错误：

http://i.imgur.com/90z6ZIT.png

正如您所看到的，工具提示不会直接位于“aaa”之上。

这是我的代码：

<!doctype html>
<html ng-app="tooltip_app">
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>
    <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.js"></script>
    <script>
      angular.module('tooltip_app', ['ui.bootstrap']);
    </script>
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
  </head>
<body>

<br/>
<br/>
<br/>
<br/>
<br/>

<div class='container' id='results_container2'>
    <div class="row">
        <div class="col-md-6">
        <ul class="list-group">
            <div class="col-md-4">
                <li class="list-group-item"><span tooltip="This is simply a really big really long tool tip longer and longer and longre This is simply a really big really long tool tip longer and longer and longre">aaa</span></li>
            </div>
        </ul>
        </div>
    </div>
</div>

  </body>
</html>

但是，如果我将文件复制并粘贴到plunkr中，css bug就会消失：

http://plnkr.co/edit/I5vFu5M8JRwRhK7kRBaL?p=preview

如您所见，一切正常并按预期进行调整。

我在这里敲我的头因为我似乎无法重现jsfiddle或plunkr上的错误;它仅在我的node.js webserver服务时出现。这怎么可能？我对两者使用相同的浏览器，如果plunkr和jsfiddle是沙箱，他们声称结果应该是相同的。

Bootstrap工具提示错误在Plunker中无法重现

0 个答案: