首次单击后，Bootstrap模式自动调整

Question

我有一堆div's显示在bootstrap modal窗口内，只需点击一下按钮即可激活

问题是whenever i refresh the page并点击按钮opens up fine 但是当我关闭模态对话框并重新点击按钮div elements appear outside the modal window

时

• 这是我刷新页面后第一次打开模态对话框

• 这是第二次关闭第一个后打开模态对话框（div元素溢出在模态对话框外）

这是我当前模态对话框的代码

    <div class="thumbnail"><img src="../Images/pix/place.png" href="#supket" data-toggle="modal" /></div><!-- calls the pop-up -->
    <div class = "modal fade" id="supket" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h3>*** TITLE ****</h3> 
                </div>  
                <div class="modal-body">
                    <div id="supkettt" runat="server"></div><br /><br /></div> <!-- content of the modal-dialog -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">Done</button>
                </div>
            </div>
        </div>
    </div>

P.S：我正在使用bootstrap 3.0 ，我有大约4个模态盒，这是我遇到问题的唯一一个。