Центрируем по вертикали модальные окна bootstrap

Для центрирования модальных окон bootstrap вы можете использовать следующую функцию:
[code lang=»js»]
function centerModals(){
$(‘.modal’).each(function(i){
var $clone = $(this).clone().css(‘display’, ‘block’).appendTo(‘body’);
var top = Math.round(($clone.height() — $clone.find(‘.modal-content’).height()) / 2);
top = top > 0 ? top : 0;
$clone.remove();
$(this).find(‘.modal-content’).css("margin-top", top);
});
}
[/code]

Вызов функции прост — centerModals();
Также не забудьте повесить функцию центрирования модальных окошек на событие on.resize:

[code lang=»js»]
$(window).on(‘resize’, centerModals);
[/code]

2 комментария

  1. doweb says: -

    Интересно пишете, жизненно.
    Но, для того, чтобы делать по-настоящему
    стоящий блог, нужно не только сообщать о чем-то, но и делать это в интересной форме:)

  2. Quato says: -

    Спасибо за критику, будем стараться