Question

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

如果没有动态加载内容，有没有办法让模态的内容不干扰导航栏？我尝试给导航栏提供更高的z-index，但这似乎并没有成功。我给了模态内容以及modal.backdrop一个较低的z-index，但似乎没有什么可以做的。

这可能是一个简单的解决方法，但我已经尝试了我的技能组合中的所有内容。我很擅长引导。

Answer 1

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

通过jQueryUI对话框（一个非常相似的系统）通过this example更容易看到区别。

我不熟练使用bootstrap，但看起来你会让你的对话变成警报而不是模型。

请注意，如果您希望这样做，可以将bootstrap与jQueryUI混合/混合。它们都运行在jQuery之上，只包括两个库。

Answer 2

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

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

或使用JS

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