引导按钮不打开模式答案

【问题标题】：Bootstrap button doesn't open modal引导按钮不打开模式
【发布时间】：2013-04-17 18:39:13
【问题描述】：

我有一个按钮：

<a data-target='#login' role='button' class='btn' data-toggle='modal'>Login</a>

以前可以，但现在无法打开我的模式。
这是我的模态：

<!-- Login Modal -->
<div id="login" class="modal hide fade" tabindex="-1" aria-labelledby="loginform" aria-hidden="true">

<!-- Header -->
<div class="modal-header">

  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  <h3>Welcome!</h3>

</div><!--/header -->

<!-- Body -->
<div class="modal-body">

  <form action="loginmanager.php" class="form-signin" method="post">

    <input name="username" type="text" class="input-block-level" placeholder="Username">
    <input name="password" type="password" class="input-block-level" placeholder="Password">
    <label class="checkbox">
      <input type="checkbox" value="remember-me">"Remember me"</label>
    </label>
    <button class="btn btn-large btn-primary" type="submit">Sign in</button>

   </form>

</div><!--/.modal-body -->

<!-- Footer -->
<div class="modal-footer">

  <a href="#" class="btn" data-dismiss="modal" aria-hidden="true">Close</a>

</div><!--/.modal-footer -->

我到底做错了什么？看了好几遍都没找到原因

【问题讨论】：

很难看有没有JavaScript ;)
您是否尝试过在打开链接上使用 href 而不是 data-target？
什么意思？这只是位于的 js：twitter.github.io/bootstrap/getting-started.html 是的，nathan
在页脚添加TB JS。
结束#login div标签是否丢失或只是从帖子中丢失？

标签： php javascript button twitter-bootstrap

【解决方案1】：

您可能缺少包含“bootstrap.js”（或者，具体来说，是“bootstrap-modal.js”）

尝试在此处制作您的“包”（使用 Modals）并在您的页面中包含 javascript：http://twitter.github.io/bootstrap/customize.html

【讨论】：

【解决方案2】：

找到了答案。当我使用查找和替换时，我损坏了我的 .js 和 .css 文件。哎呀！

【讨论】：

【解决方案3】：

只需从该行中删除“隐藏”类

<div id="login" class="modal hide fade" tabindex="-1" aria-labelledby="loginform" aria-hidden="true">

【讨论】：