先頭にブートストラップアラートを表示するには

Question

ブートストラップアラートを使用して、成功とエラーメッセージを表示しています。これらのアラートを別のdivの上にオーバーレイしたかったのです。 ごく普通の投稿（here）がありますが、これは使用することを示唆していますpostion:fixedしかし、それは私のためには機能しません。私のシナリオでは2つのことが起こる必要があります。

1>すべてのアラートは別のdivの先頭にある必要があります。 （私は警告が原因mt-form-panelクラスに設定背景色イムの下に隠れている私の場合だと思います。しかし、我々はコンテンツのdivのためのいくつかの背景色を必要とする）

2>alert-successはalert-danger

の上にする必要があります

私はあなたが前に警告をもたらすためにz-indexを使用することができますJSFiddle here

Answer 1

を持っています。このような

何か：

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

Answer 2

使用z-index:1000は.mt-alertsが.mt-form-panelの最上部に表示さ取得します。

ポイント2については、2つのことができます。

A）見た目によると、一度に1つのアラートしか表示されず、両方が同時に表示されないようです。この場合、両方のアラートでdisplay:none;をデフォルトとして設定し、それぞれのコード条件が満たされたときにdisplay:blockに戻すことができます。

B）position:absoluteをマージンと特定の幅とともに使用すると、両方のアラートを同じ場所に配置できます。