自举模态框内容

Question

我正在使用模式框来展示我的投资组合的广告作品。 模态在大多数情况下都正常运行，但是模态中的内容似乎在顶部阻塞了我的导航栏。

如果不动态加载内容，是否有一种方法可以使模式内容不干扰导航栏？ 我试图给导航栏更高的z索引，但这似乎并没有解决问题。 我为模态内容以及modal.backdrop赋予了较低的z-index，但似乎没有任何办法。

这可能是一个简单的解决方法，但是我已经尽力尝试了所有技能。 我是新手。

Answer 1

不要使对话框成为模态。 您仍然可以弹出对话框，但不要使其成为模式对话框。 模态可防止用户看到下方的内容/与其进行交互。

通过这个示例，可以从jQueryUI对话框（一个非常相似的系统）中看出区别。

我不太懂引导程序，但是看来您将使对话框成为警报而不是模型。

请注意，如果您愿意，可以将引导程序与jQueryUI混合/混合。 它们都运行在jQuery之上，只包含两个库。

Answer 2

为什么不给模态填充/上边距？ 我想这是最简单的解决方案。

<style>
.modal {            
margin-top:50px;
}
</style>

或与JS

<script>    
{
    $("#myModal").animate({"width":"1100px","left":"30%"},3000,'easeInCirc');
}
</script>