Bootstrap - モーダル・ウィンドウがモーダル・ウィンドウで正しく機能しない

Question

私は、自分が応募したい仕事ごとにmodel windowと表示することを担当するキャリア・ページを持っています。適用ボタンをクリックするたびに、同じmodal-titleが表示され、最初のジョブに対して表示されます。以下はcareer pageのリンクです。ソースコードではmodel-titleが正しく表示されていますが、開いている間は正しいタイトルが表示されません。

<div class="modal-title"> 
<button type="button" class="close" data-dismiss="modal">&times;</button> 
    <h4>Apply for General Foreman (E&amp;I) position</h4> 
</div> 
. 
. 
. 
<div class="modal-title"> 
<button type="button" class="close" data-dismiss="modal">&times;</button> 
    <h4>Apply for Superintendent (E&amp;I) position</h4> 
</div> 
. 
. 
. 
<div class="modal-title"> 
<button type="button" class="close" data-dismiss="modal">&times;</button> 
    <h4>Apply for Sr. Yards Engineer (E&amp;I) position</h4> 
</div> 
. 
. 
. 

model-titleが表示されているすべてのmodel window最初のジョブの場合：以下はmodal-titleのコードです。何が問題なのでしょうか？助けてください。私はブートストラップには新しいです。

Answer 1

問題は、modal-windowコードを呼び出すhrefリンクで問題になりました。私はすべてmodal-windowを呼び出すために同じ名前を使用していました。異なるmodal-windowを呼び出すために異なるhref名を付けている間、うまくいきました。 @Navnitからのコメントの後にこれを得ました