Место Bootstrap Modal в начале указанного DIV

Question

Я использую Bootstrap Modal, чтобы показать большую версию миниатюр в фотогалерее.

Поведение Bootstrap по умолчанию - это установка бутстрапа в верхней части окна просмотра, что обычно довольно хорошо. Но в этом случае люди используют галерею в iframe. Из-за этого я хочу, чтобы модальный диалог отображался на той же высоте, что и верхняя часть div галереи.

Я пробовал позиционировать модальный диалог с CSS (сверху: 123px), но поскольку контент над галереей постоянно меняется, это не сработает. Я хотел бы позиционировать модальное отношение к галерее со всеми изображениями.

EDIT: Ссылка на код: http://bit.ly/1JCpZ9a

Answer 1

Просто делать, как вы сказали! Установите его относительно :-)

#myModal { 
     top:0; 
     position: relative; 
    } 

Просто убедитесь, что модальная разметка сразу же следует за галереей. Содержимое после галереи будет спрыгивать, когда появится диалоговое окно, но я надеюсь, что у вас нет контента (вы упомянули, что это был iframe).

В противном случае вам понадобится упаковка обертки div этот дополнительный контент и положение модального абсолютно по отношению к этой оболочке div.