如何在頂部顯示引導警報

Question

我正在使用引導警報來顯示成功和錯誤消息。我想將這些警報疊加在另一個div的頂部。 有幾個SO帖子（here）我讀了哪個建議使用postion:fixed但是這對我不起作用。在我的場景中需要發生兩件事情。

1>所有警報需要位於另一個div的頂部。 （我想在我的情況的警報之下躲藏起來，因爲在mt-form-panel類的背景顏色IM設置的。但是我們需要爲內容的div某些背景色）

2>alert-success需要在的alert-danger

頂部

我有JSFiddle here

Answer 1

您可以使用z-index帶來的警報到前面。

事情是這樣的：

.mt-alerts { 
    position:fixed; 
    z-index: 999; 
} 

Answer 2

使用z-index:1000得到.mt-alerts出現在的.mt-form-panel頂部。

對於第2點，你可以做兩件事。 A）從外觀上看，似乎只有一次警報會一次顯示出來，但都不能一起顯示。在這種情況下，您可以將兩個警報中的display:none;設置爲默認值，並在各自的代碼條件滿足時將其設置回display:block。 B）您可以使用position:absolute以及邊距和特定寬度將警報定位在同一位置。