首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Bootstrap模式框内容

问Bootstrap模式框内容
EN

Stack Overflow用户
提问于 2013-08-23 23:46:26
回答 2查看 285关注 0票数 0

我正在使用一个模式框来展示我的投资组合的广告作品。模态在很大程度上运行正常,但似乎模态中的内容阻塞了我顶部的导航栏。

在不动态加载内容的情况下,有没有办法使通道的内容不会干扰导航栏?我试着给导航栏设置一个更高的z-index,但这似乎没有起到作用。我给模式内容和modal.backdrop设置了一个较低的z索引,但似乎没有什么效果。

以下是该页面的链接:http://0034191.netsolhost.com/ryancurtis/advertising.html

这可能是一个简单的解决方法,但我已经在我的技能范围内尝试了所有方法。我是bootstrap的新手。

EN

回答 2

Stack Overflow用户

发布于 2013-08-23 23:51:52

不要将对话框设为模态。您仍然可以弹出对话框,但不要将其设置为模式。Modal阻止用户看到下面的东西/与之交互。

通过this example从jQueryUI对话框(一个非常相似的系统)中更容易看出区别。

我对bootstrap不太熟悉,但是看起来你会让你的对话框变成一个警告而不是一个模型。

请注意,如果您愿意,您可以将bootstrap与jQueryUI混合使用。它们都运行在jQuery之上,只是包含了这两个库。

票数 0
EN

Stack Overflow用户

发布于 2013-08-24 20:19:54

为什么不给modal加上填充/上边距呢?我想它最简单的解决方案..

代码语言:javascript
复制
<style>
.modal {            
margin-top:50px;
}
</style>

或者使用JS

代码语言:javascript
复制
<script>    
{
    $("#myModal").animate({"width":"1100px","left":"30%"},3000,'easeInCirc');
}
</script> 
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18406893

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档