css - 警报关闭按钮位置失控

Question

This警报和警报关闭按钮在 Bootstrap 网站上应该是这样的，但是当我将它应用到我的网站时，它变成了 this.

我尝试修改了bootstrap.min.css文件，但似乎没有效果。我试图将它上传到我的虚拟机，然后对其进行 vim。修改了，Inspector还是显示no。

这是我输入的内容:

<div class="alert alert-info alert-dismissable" role="alert" style="z-index:9999;position:relative;top:100px">
<button type="button" class="close" data-dismiss="alert" aria-label="Close" style="text-align:right;"><span aria-hidden = "true">&times;</span></button>
{{message}}
</div>

此外，我确信我包含了 js。 谁能帮忙？

Answer 1

也许 position: relative 与问题有关，但没有上下文很难分析问题。 我想鼓励您使用开发人员控制台，例如在 Chrome 中。 你会在这里找到一个简短的介绍: https://developers.google.com/web/tools/chrome-devtools/css/