Центрируем по вертикали модальные окна 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);

Comments

2 responses to “Центрируем по вертикали модальные окна bootstrap”

  1. doweb Avatar
    doweb

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

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

Leave a Reply

Your email address will not be published. Required fields are marked *