Как позиционировать модальные окна непосредственно над элементами их вызывающими?

Question

[ligisayan]

Всем привет! Есть сетка bootstrap с модальными окнами. Как позиционировать их так, чтобы они всплывали не стандартно по центру экрана каждый раз, а непосредственно над элементом их вызвавшем.

Демонстрация


Код:

Comments

[2cha.headz]

а если над кнопкой места в пару пикселей, то модалка за экраном должна быть?

[ligisayan]

Дмитрий Глаголев, нет, за экран не должна уходить, в пределах видимости, значит спускается на высоту, когда ее видно

Answer 1

[iBird Rose]

На переделку модалки бутстрапа уйдет больше времени, чем сделать самому такую модалку через absolute позиционирование в нужном тебе блоке.

Comments

[Сергей delphinpro]

Вся "переделка" будет заключаться в вычислении координат кнопки и изменении позиции и размеров модалки в его же событии bs.modal.show
Для удобства часть стилей можно переписать в css через дополнительный класс к modal-dialog

[ligisayan]

Сергей delphinpro, спасибо. Решил реализовать через popover