Tbimagegallery Dialog Does Not Display Correctly


I use YiiBooster’s TbImageGallery to display gallery.

The dialog appears fine but is not displayed correctly. Top part of the dialog is hidden just like image below.

Here is the code I use to display it



        $images = GalleryPhoto::model()->findAll();



    <div id="gallery" data-toggle="modal-gallery" data-target="#modal-gallery" data-filter="*" >


        <?php $this->beginWidget('common.extensions.bootstrap.widgets.TbImageGallery'); ?>            

            <?php foreach($images as $image): ?>


            <a href="/gallery/<?php echo $image->id.".jpg"; ?>" title="kitten" data-gallery="gallery">

                <img src="/gallery/<?php echo $image->id."small.jpg"; ?>" rel="list-gallery" />


        <?php endforeach; ?>

        <?php $this->endWidget(); ?>



Screenshot from 2013-06-29 20:59:53.png

Thanks In advance,


Seems to me a CSS issue, have you tried inserting the images (and link) within bootstrap thumbnail?