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

Для центрирования модальных окон bootstrap вы можете использовать следующую функцию:

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);
			  });
			}

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

$(window).on('resize', centerModals);

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

  1. doweb says: -

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

  2. Quato says: -

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

Leave A Reply