警报关闭按钮位置失控

时间:2017-10-30 19:41:35

标签: css bootstrap-4

This是警报和警报关闭按钮在Bootstrap网站上应该是什么样子,但当我将其用于我的网站时,它变得像this.

我尝试修改bootstrap.min.css文件,但它似乎不起作用。我试着将它上传到我的虚拟机,并对其进行修改。它被修改了,但Inspector仍然没有显示。

这是我输入的内容:

<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。 有人可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

也许https://notreallythe.website.com:99/service/1234与问题有关,但在没有上下文的情况下分析问题非常困难。 我想鼓励您使用开发者控制台,例如在Chrome中。 你会在这里找到一个简短的介绍: https://developers.google.com/web/tools/chrome-devtools/css/