Removing Twitter Bootstrap Slide Down Effect

The modal popups used in Twitter Bootstrap uses the CSS3 effects no jQuery / JS is used. So you need not worry about modifying the too many files. You just need to add a simple CSS snippet in style sheet to overwrite the default bootstrap effect. I don’t recommend to modify the default bootstrap.css file, place this below snippet in your theme style sheet but make sure you add “!important” at the of the property so it overwrites the default bootstrap property declared for the effect of the bootstrap modal Popup.

.modal.fade .modal-dialog {
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;}