引導模態重疊

Question

我已經實現了引導模態，並且運行良好。 這是我的代碼

<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會刪除元素的外觀，但不會將其從網站流中刪除。