michaelsoriano / bootstrap-photo-gallery

jQuery plugin that converts your list of images into a grid-based gallery on Bootstrap 4. Supports larger view in a modal with next / previous controls

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

show img can't be middle in vertical direction

mqy1023 opened this issue · comments

show img can't be middle in vertical direction;

can you tell me how to replicate

as you demo view show, the image is not in vertical center

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!

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.