html - ブートストラップ モーダルが自動的に開きます

Question

実際に何が起こっているのかわかりませんが、モーダルを (js 呼び出しなしで) 実装するだけで、ページの読み込み時に自動的に開きます。同じページに 2 つあるのですが、なぜこれが起こっているのか、リンクでのみ開くようにする方法を知っている人はいますか? 前もって感謝します

<a href="#save-list" role="button" data-toggle="modal">Title</a>
<div id="save-list" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-body">
<p><h4>sample text</h4></p>
<div class="row-fluid">
<div class="span12"><input name="" type="text"></div>
</div>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">No</button>
<button class="btn btn-confirm">Yes</button>
</div>
</div>

そして、これ

<a href="#save-add-guest" role="button" data-toggle="modal">Popup de transición entre tabs</a>
<div id="save-add-guest" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-body">
<p><h4>Would you like to add these <br>contacts to the guest list?</h4></p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">No, Thanks</button>
<button class="btn btn-confirm">Yes Please!</button>
</div>
</div>