Question

我在ng-repeat中使用过bootstrap pop。下面的代码片段为

 <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 - 它渲染得很完美。第一张图像包含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 popovers。我也尝试过使用它们，但我从未达到预期的效果。所以，我调查了一个替代方案Angular BootstrapUI（也称为BootstrapUI），它解决了我的大多数问题。

这可能不是您正在寻找的答案，但我建议尝试使用BootstrapUI popovers。我发现使用这些弹出窗口的好处使得集成模板变得更加容易，并且他们不依赖于无关的jQuery。缺点是他们的风格更难以定制。我仍然没有想出如何在BootstrapUI中使用不同风格的popovers。在Vanilla Bootstrap中，定制popover样式相当简单。

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

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

1 个答案: