莫代尔不在大屏幕上工作

时间:2013-03-06 21:56:36

标签: javascript jquery css twitter-bootstrap modal-dialog

模态出现在小屏幕上.... 但模式并没有出现在更大的屏幕上.... 如何解决问题.... 在下面提供我的代码和小提琴

工作: 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…</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>

1 个答案:

答案 0 :(得分: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/