我正在使用模态框来显示我的作品集的广告作品。模态框在大多数情况下都可以正常运行，但模态框内的内容似乎在顶部挡住了我的导航栏。
在不动态加载内容的情况下，有没有办法让模态框的内容不干扰导航栏？我尝试为导航栏提供更高的 z-index，但这似乎没有奏效。我为模态内容和 modal.backdrop 提供了较低的 z-index，但似乎没有任何作用。
这是该页面的链接：http: //0034191.netsolhost.com/ryancurtis/advertising.html
这可能很容易解决，但我已经尝试了我技能范围内的所有内容。我对引导程序很陌生。
你为什么不给模态填充/上边距？我想它最简单的解决方案..
<style>
.modal {
margin-top:50px;
}
</style>
或与 JS
<script>
{
$("#myModal").animate({"width":"1100px","left":"30%"},3000,'easeInCirc');
}
</script>
不要使对话框模态化。您仍然可以弹出对话框，但不要使其成为模态。模态阻止用户看到下面的内容/与之交互。
通过这个示例从 jQueryUI 对话框（一个非常相似的系统）中更容易看出区别。
我不熟悉引导程序，但看起来你会让你的对话框成为警报而不是模型。
请注意，如果您愿意，可以将引导程序与 jQueryUI 混合/混合。它们都运行在 jQuery 之上，只包含两个库。