gpt4 book ai didi

javascript - Bootstrap 模态重叠

转载 作者:太空宇宙 更新时间:2023-11-03 19:41:23 25 4
gpt4 key购买 nike

我已经实现了 Bootstrap 模式,并且运行良好。这是我的代码

<div id="myModal" class="modal fade hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header" style="background-color:#bb4837">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<h2 style="color:white;vertical-align:middle"id="myModalLabel">Add Multiple Stores</h2>
</div>
<div class="modal-body">
<des style="font-family:garrisons">You can upload a excel sheet with your store details.Please download the multistore template in .xls format <a href="#">here</a>.</des><br><br>
<input style="margin-left:5em" type="text" id="upload-textstore" onclick="select_file('store','storefile','store','text/csv');" class="span3"/><button type="button" style="margin-bottom:25px;margin-left:10px" onclick="upload('/merchant/v1/fileupload','store')" class="btn btn-upload">Upload</button><br>
<br><br><br><br>
</div>
<div class="modal-footer">
<form class="form-inline" style="margin-bottom:0px">
<button class="btn btn-danger " data-dismiss="modal" style="font-size:1.2em;height:32px;width:7em;margin-left:4em;margin-right:.5em" href="#">Select</button>
<a data-dismiss="modal" href="#" style="font-size:1.2em;margin-top:.4em;margin-left:0px;margin-right:1em">Cancel</a>

</form>
</div>
</div>

问题是它与网页中的其他组件重叠并且看起来隐藏了。

最佳答案

以防万一它会帮助其他人,我遇到了这个问题,这是因为我没有在明确定义的行类中包含我的 Bootstrap 列。

关于javascript - Bootstrap 模态重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15737614/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com