javascript - 模态在大屏幕上不起作用

Question

模态显示为小屏幕....但模态未显示为更大的屏幕....如何解决问题....在下面提供我的代码和小提琴

工作：http: //jsfiddle.net/rajkumart08/KNPZB/6/

不工作：

http://jsfiddle.net/rajkumart08/KNPZB/6/embedded/result/

<script type="text/javascript">
      $('#myModal').modal({ show: false })
    </script>


<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

    <div id="myModal" class="modal hide fade">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" >&times;</button>
        <h3>Modal header</h3>
      </div>
      <div class="modal-body">
        <p>One fine body…&lt;/p>
      </div>
      <div class="modal-footer">
        <a href="#" class="btn" data-dismiss="modal">Close</a>
        <a href="#" class="btn btn-primary" data-dismiss="modal">Save changes</a>
      </div>
    </div>

Answer 1

只去掉css的5614行

从：

.navbar
{
    height:86px;
    margin-bottom:0
}

到

.navbar
{
    margin-bottom:0
}

小： http: //jsfiddle.net/KNPZB/7/ 大： http: //fiddle.jshell.net/KNPZB/7/show/