Bootstrap模态重叠

Question

我已经实现了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>

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

Answer 1

以防万一它会帮助其他人,我遇到了这个问题,这是因为我没有在明确定义的行类中使用我的引导列.

Answer 2

我在评论中回答了这个问题,但在这里我的正式答案,如果有什么东西被假设隐藏在网站上但它仍然在那里你应该看看元素CSS显示属性并确保它们设置为display:none这将从中移除该元素流页面,如果该元素具有属性visibility: hidden的变化,要display:none为visibility: hidden删除元素的视觉方面,但不会从该网站的流量将其删除.