css - 数据切换上的弹出框未在不同版本的 Bootstrap 中呈现

Question

我在 ng-repeat 中使用了 bootstrap pop over。下面的代码片段相同

 <div class="useBootstrap col-sm-2" data-toggle="popover" data-container="body" data-content="AdditionalContents to be shown" data-trigger="click hover">
    {{ row.FileName | limitTo: 15 }}{{row.FileName.length > 15 ? '...' : ''}}
</div>

我有一个引导版本*!
* Bootstrap v3.3.4 ( http://getbootstrap.com )
* 版权所有 2011-2015 Twitter, Inc. 在我的应用程序中

如果我包含较低版本的 bootstrap - 它呈现完美。包含 3.0 时的第一个图像，如果我使用 3.3，我如何使它在 3.3 版本中工作，因为我现在无法更改我的应用程序中的 bootsrap 版本，只是为了这个弹出。

  <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />

Answer 1

我看到您正在使用 Vanilla Bootstrap 弹出窗口。我也尝试使用它们，但从未达到我想要的结果。所以，我研究了一个替代方案，Angular BootstrapUI (也称为 BootstrapUI)，它解决了我的大部分问题。

这可能不是您要寻找的答案，但我建议您尝试使用 BootstrapUI 弹出框。我发现使用这些弹出框的好处是可以更容易地集成模板，而且它们不依赖于无关的 jQuery。缺点是他们的风格更难定制。我仍然没有弄清楚如何在 BootstrapUI 中使用不同样式的弹出框。在 Vanilla Bootstrap 中，自定义弹出框样式相当简单。

我对 Vanilla Bootstrap 的 JS 没有任何问题，但现在你应该坚持使用与你的应用程序最兼容的版本。