estructura incorrecta en bootstrap

[macaluan]

Alguien sabe porque usando bootstrap esta estructura no funciona?

Código HTML:

<div class="img-grid">
        <a href="" class="transition">
                     <img src="" class="ing-responsive">
                </a>
</div>
 

Y sin embargo esta si:

Código HTML:

<div class="img-grid">
    <img src="" class="img-responsive">
    <a href="" class="transition"></a>
</div>
 

He creado una cuadricula, pero a la hora de hacer un lightbox al clic en cualquier div, necesito que la estructura sea como el de arriba, pero sin embargo así las fotos que tengo de miniatura de la cuadricula desaparecen.