如何在顶部显示引导程序警报

LP1*_*P13 1 html css twitter-bootstrap twitter-bootstrap-3

我正在使用引导程序警报来显示成功和错误消息。我想将这些警报叠加在另一个div. 我读过的SO 帖子(这里)很少,建议使用postion:fixed 但是这对我不起作用。在我的场景中需要发生两件事。

1> 所有警报都需要在另一个div. (我认为在我的情况下,警报隐藏是因为我在mt-form-panel课堂上设置了背景颜色。但是我们需要一些内容 div 的背景颜色)

2>alert-success需要在上面alert-danger

这里JSFiddle

小智 5

您可以使用z-index将警报置于最前面。

像这样的东西:

.mt-alerts {
    position:fixed;
    z-index: 999;
}
Run Code Online (Sandbox Code Playgroud)