Twitter bootstrap - mehrere modale Fenster

Ich bin mit dem modal window-Komponente in einer Schleife. Jedes loop-Inhalte ist X die Anzahl von Miniaturansichten mit unterschiedlichen IDs (die modals haben auch unterschiedliche IDs) für das auslösen der modals von Ihren data-toggle-Attribut, jedoch der modals nur auf das erste Element der Schleife werden die Daten-toggle nur den hintergrund von dem Bildschirm mit dem rest.
Der modal windows Inhalt und markup sind in den DOM, nur Sie nicht zeigen, bis.

Ich habe versucht, entfernen die fade-Klasse, die Umbenennung des IDs, aber ich habe kein Glück so weit.
Ich habe ein ähnliches problem, das hilft aber nicht mein Fall.

Was das problem sein könnte?

<li class="span3">
<div class="modal hide" id="modal1">
   <div class="modal-header">
        <button class="close" data-dismiss="modal">x</button>
        <h3>Lipsum</h3>
   </div>
   <div class="modal-body">
       <p>Lipsum</p>
   <hr>
   <img src="<?php the_field('srceenshot')?>">
   </div>
   <div class="modal-footer">
       <button class="close" data-dismiss="modal">x</button>
   </div>
</div>
    <a class="thumbnail" data-toggle="modal"  data-content="<?php the_field('screenshot_text')?>" data-original-title="<?php the_field('screenshot_header')?>" href="#modal1">
        <img src="<?php the_field('screenshot')?>">
    </a>
</li>

LÖSUNG:

<div class="modal hide" id="modal1_<?php echo $count">

und

<a class="thumbnail" data-toggle="modal"  data-content="<?php the_field('screenshot_text')?>" data-original-title="<?php the_field('screenshot_header')?>" href="#modal1_<?php echo $count">