show img can't be middle in vertical direction about bootstrap-photo-gallery

[michaelsoriano]

can you tell me how to replicate

[mqy1023]

as you show, the image is not in vertical center

[mqy1023]

i modify bootstrap.min.css source, ‘.modal.in .modal-dialog’ and ‘.modal-dialog’

.modal.in .modal-dialog {
        -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)
}
.modal-dialog {
     position:absolute;width:auto;margin:10px auto;left:0;right:0;top:50%
}

it work as what i want.thanks!

[michaelsoriano]

I have a unique ID for the modal which you should prepend into your CSS: #bsPhotoGalleryModal.
This will prevent your new styles to interfere with the default Bootstrap Behavior.