javascript - Twitter Bootstrap v3.0.0 不显示模态组件

标签 javascript css twitter-bootstrap modal-dialog twitter-bootstrap-3

我正在开发使用 Bootstrap 模态功能的网站。
当我使用时,v3.0在 Bootstrap 中,模态不显示,只有背景变暗。看这里:http://jsfiddle.net/LgKUk/1/
但是,当我只切换 bootstrap.css to <strong>v2.3.2</strong> 时,而不是 bootstrap.js,那么它工作正常:如这里:http://jsfiddle.net/CcNPP/
这是 v3.0 中的问题还是我看不到的错误。
谢谢

注意:使用的jQuery是v1.10

最佳答案

这里更新了代码,检查它是否工作正常..

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/

关于javascript - Twitter Bootstrap v3.0.0 不显示模态组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19603122/

相关文章:

html - 在手机上查看时图像消失

html - 在移动视口(viewport)中,如何使用 Bootstrap 4 flexbox 强制侧边栏列菜单简单地切换到顶部列菜单?

asp.net-mvc - MVC 中的 Bootstrap 下拉导航

html - ServiceNow 服务门户 Flexbox

javascript - 具有多个 ID 的菜单切换中断

javascript - 如何在页面加载时使用 Javascript 发出成功的 Ajax 请求

javascript - 传单折线 SmoothFactor 范围

jquery - 添加内容后如何平滑div高度变化

javascript - 使用变换和元素定位/大小

javascript - Amazon CloudFront - 限制 MP3 在特定网站上播放