Loaders - spinner图标没有出现在bootstrap模态

Question

我正在尝试在模式对话框中添加如下所示的微调器图标，

Jsfiddle是here。

我正在使用loaders.css来获得此效果。当我将此代码放在索引页面中时，这很有效。

<div class="text-center loader-inner line-scale"></div>

但是当此图标放置在引导模式框内时，它不会出现。

这与loader's github页面上提到的$('.loader-inner').loaders()函数调用有关。

由于这是一个角度应用，我试图以某种方式跳过jquery依赖。

Answer 1

我从loaders.css添加了css并查看了demo以了解如何使用特定的加载动画。只需在.line-scale元素中添加五个div。 查看更新的fiddle。

<div class="text-center loader-inner line-scale">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>

话虽如此，我注意到你正在使用棱角分明。在loader.css的readme页面上，有一个可能有用的角度端口。