Javascript 将引导模式置于指定DIV的开头

我使用引导模式，在照片库中显示更大版本的缩略图

引导的默认行为是将引导放置在视口的顶部，这通常是正常的。但在这种情况下，人们在

iframe

中使用多媒体资料。因此，我希望模态对话框显示在与gallery div顶部相同的高度

我尝试过用CSS（top:123px）定位模式对话框，但由于图库上方的内容不断变化，所以这不起作用。我想定位的模式相对于画廊与所有的图像

---

编辑：代码的链接是：

照你说的做！相对位置：-）

只需确保模式标记立即跟随库即可。当对话框出现时，画廊后面的内容会跳下，但我希望你没有内容（你提到它是一个iframe）

---

否则，您需要有一个包装器div来包装这些额外的内容，并将模态完全放置在包装器div上。

您是否尝试过使用

show

事件回调来重新定位模态？如果您粘贴一些代码，我们可以更快地帮助您。很抱歉@Guarana，现在已将URL添加到代码中。@charlietfl我不确定您指的是什么。我试着在引导文档中搜索，但没有找到任何似乎适合使用的东西。我担心它不起作用。在我做了这些精确的更改之后，模式开始出现在视口的顶部（作为默认行为）。代码可在此页面上找到；那一页似乎不是它。情态动词不跟随gallery（它实际上在gallery的父级之后），并且没有CSS设置。还有这个图库布局，你肯定需要那个包装器div。

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