1

我正在使用Bootstrap模式功能的网站上工作。
当我使用引导程序v3.0时,模式不显示,只有背景变暗。看看这里:http://jsfiddle.net/LgKUk/1/
然而,当我只切换bootstrap.css to v2.3.2,而不是bootstrap.js,然后正常工作:如这里:http://jsfiddle.net/CcNPP/
它是在V3.0一个问题,或者一些错误,我不能看到。
感谢Twitter Bootstrap v3.0.0不显示模式组件

注:jQuery的使用是V1.10

+0

这两个只使用2.3 css的小提琴 –

+0

感谢您的p推出@SridharR。忘记更新。请现在检查。 –

回答

4

这里被更新的代码检查它fidlle它工作正常..

HTML

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

    <!-- Modal --> 
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <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> 
      <h4 class="modal-title">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
      ... 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
     </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
    </div><!-- /.modal --> 

http://jsfiddle.net/LgKUk/2/

+0

thnaks @SridharR!它工作正常。 –

+0

欢迎Vikas –