Repository navigation
v4 - Modal align vertical center #23638
Description
I need to leave my modal aligned to the center of the screen vertically.
I tried with Flex and with Translate, however the 2 solutions cause bizarre behavior in the modal.
Is there any native form of bootstrap v4 doing this or some workround?
Several workround's found have problem when content is large.
Activity
Johann-S commentedon Aug 23, 2017
I don't think currently we have a workround on how to that 🤔 but maybe I'm wrong
Add .modal-dialog-centered for optional vertically cenetered modal
Add `.modal-dialog-centered` for optional vertically centered modal (#…
merge after v4-beta3 release
krystyna93 commentedon Jan 22, 2018
the .modal-dialog-centered does not work! Please explain??
marlonmleite commentedon Jan 22, 2018
@krystyna93 you are using v4.0.0-beta.3 or more?
sfgn commentedon Jan 24, 2018
Was also not working for me on v4.0.0-beta.2, but I've now upgraded to v4.0.0 and working perfectly.
krystyna93 commentedon Jan 24, 2018
ChVince commentedon Jan 31, 2018
According to the documentation IE10+ is supported. But class .modal-dialog-centered doesn't work correctly in IE11 (tried with sample from docs ). As far as I understand it's known flexbox IE11 issue, for which workaround is available. Are there any known side effects of this workaround ? If no, why it's not included into bootsrap 4.0.0 ?