0

滑动我实现了自举模式在我的网站..... 模型工作正常,但该模型不滑动从顶部酷似实际的引导模式.... 如何解决....模态不能从顶部

实际模型

http://jsfiddle.net/nJ6Mw/1/

模式不从顶部

http://jsfiddle.net/y88WX/embedded/result/

滑动
<div id="example" class="modal hide fade in" style="display: block;" aria-hidden="false"> 
    <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> 
     <h3>This is a Modal Heading</h3> 
    </div> 
    <div class="modal-body"> 
     <h4>Text in a modal</h4> 
     <p>You can add some text here.</p> 
    </div> 
    <div class="modal-footer"> <a href="#" class="btn btn-success">Call to action</a> 
     <a href="#" class="btn" data-dismiss="modal">Close</a> 
    </div> 
</div> 
+1

您的选项变量没有定义的jsfiddle,请直接实现他们进入提供的JavaScript面板。 – 2013-02-27 02:13:49

+0

模型还是模态? – 2013-02-27 02:17:22

+0

@ShannonHochkins:谢谢你的回复,你可以在小提琴更新 – user2045025 2013-02-27 03:54:49

回答

1

你有太多的资源冲突在你想要工作,这个小提琴的工作,所以如果你可以把这个代码放到你想要加载它的页面它不起作用,你知道这个问题不是你的引导,也请发送一个链接到你有问题的页面,请不要发送附带许多不同资源的小提琴。

你需要通过JavaScript来定义的模式选项:

$(function() { 
    $('#event-modal').modal({ 
     backdrop: true; 
    }); 
}); 

把所有的CSS和链接/ HTML从网站直接进入小提琴是不容易的,有人跳进和调试你。

http://jsfiddle.net/sfWBT/1/

+0

我更新了我删除不必要的代码http://jsfiddle.net/y88WX/5/embedded/result/ – user2045025 2013-02-27 04:14:52

+1

你的头插入文件仍然有超过30行。 ... – 2013-02-27 04:16:55

+0

http://jsfiddle.net/y88WX/6/embedded/result/我删除了不必要的代码 – user2045025 2013-02-27 04:28:19