小编nat*_*nes的帖子
Bootstrap模态出现在背景下
我直接从Bootstrap示例中使用了代码用于我的模态,并且只包含了bootstrap.js(而不是bootstrap-modal.js).但是,我的模态出现在灰色淡入淡出(背景)下方,并且不可编辑.
这是它的样子:
看到这个小提琴是一种重现这个问题的方法.该代码的基本结构如下:
<body>
<p>Lorem ipsum dolor sit amet.</p>
<div class="my-module">
This container contains the modal code.
<div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">Modal</div>
</div>
</div>
</div>
</div>
</body>
body {
padding-top: 50px;
}
.my-module {
position: fixed;
top: 0;
left: 0;
}
任何想法为什么这是或我可以做些什么来解决这个问题？
554
推荐指数
推荐指数
24
解决办法
解决办法
36万
查看次数
查看次数
使用媒体查询隐藏移动设备上的引导程序工具提示
我在我的网站上使用Bootstrap的工具提示,但在移动设备上查看时,这些工具提示会在第一次点击时触发,这意味着我必须双击按钮.我想阻止这些在移动设备上显示,并尝试使用媒体查询来执行此操作.我的代码是:
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
{
.tooltip
{
display: none;
}
}
这会停止显示工具提示,但我仍然需要单击两次才能使按钮起作用.有什么办法可以阻止这些工具提示使用媒体查询解雇吗？
27
推荐指数
推荐指数
3
解决办法
解决办法
3万
查看次数
查看次数