Bootstrap 4 Progressbar Bug

时间:2017-08-07 12:02:31

标签: angular-ui-bootstrap bootstrap-4

我已在我的网站中实施了一个进度条,其中显示了从总数中检出多少个复选框。

当它更新进度条时,我在Progress-bar上方得到了这个奇怪的东西:

Progress-bar bug

有谁知道是什么原因引起的?

我使用了Progress-bar的基本Bootstrap 4代码

<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="0" aria-
valuemin="0" aria-valuemax="100"></div>
</div>

1 个答案:

答案 0 :(得分:0)

每当发生这种情况时,请使用您的Google Chrome开发人员工具 Ctrl + Shift + I 并使用检查工具 Ctrl + Shift + C 并将鼠标悬停在进度条上方的未知元素上。这将帮助您确定导致此问题的原因。

单击元素并查看屏幕右侧,您将看到一个包含元素样式的窗口。然后,您可以检查不同的样式,直到未知元素消失。我希望这有帮助,这是调试HTML和CSS的好方法!

有关主题here

的更多信息