Javascript 引导工具提示错误在Plunkr中不可复制_Javascript_Css_Angularjs_Twitter Bootstrap_Tooltip

Javascript 引导工具提示错误在Plunkr中不可复制

javascript css angularjs twitter-bootstrap

Javascript 引导工具提示错误在Plunkr中不可复制,javascript,css,angularjs,twitter-bootstrap,tooltip,Javascript,Css,Angularjs,Twitter Bootstrap,Tooltip,我在引导ui工具提示中遇到了一个奇怪的CSS错误：正如您所看到的，工具提示并不像应该的那样直接位于aaa之上这是我的代码： <!doctype html> <html ng-app="tooltip_app"> <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script> <script

我在引导ui工具提示中遇到了一个奇怪的CSS错误：

正如您所看到的，工具提示并不像应该的那样直接位于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错误就会消失：

正如您所看到的，一切都正常工作，并按预期进行了调整

我在这里大发雷霆，因为我似乎无法在JSFIDLE或plunkr上复制这个bug；它仅在由my node.js Web服务器提供服务时出现。这怎么可能？我对这两种浏览器都使用相同的浏览器，如果plunkr和JSFIDLE像他们声称的那样是sandbox-y，那么结果应该是相同的。

ctrl+shift+b将切换书签栏；在本地服务器上运行时，您是从同一CDN加载资产，还是从本地副本加载资产？不，我以匿名模式运行以避免缓存，并且我从脚本标记中的URL加载所有资产-这是一个文本副本粘贴到plunkerI的意思是，其他人是否可以通过在自己的节点web服务器上尝试来验证此错误是否存在？我在两台不同的计算机上试用过，都运行CentOS linux、node+express和google chrome。最重要的是，如果刀尖很短，它是对齐的。当它变长时，它在页面上越漂越远。