数据切换上的弹出窗口未在不同版本的引导程序中呈现

Posted 2023-03-06

【中文标题】数据切换上的弹出窗口未在不同版本的引导程序中呈现

【英文标题】：Popover on data toggle not rendered in a different version of bootstrap

【发布时间】：2015-10-13 10:32:18

【问题描述】：

我在 ng-repeat 中使用了引导弹出。下面的代码 sn-p 相同

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

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

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

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

【参考方案1】：

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

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

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