Bootstrap按钮无法打开模态

时间:2013-04-17 18:39:13

标签: php javascript button twitter-bootstrap

我有一个按钮:

<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 -->

世界上我做错了什么?我多次看了它,但找不到原因

3 个答案:

答案 0 :(得分:0)

可能你错过了“bootstrap.js”的包含(或者,具体来说,是“bootstrap-modal.js”)

尝试在此处制作“套餐”(使用模式)并在网页中加入javascript:http://twitter.github.io/bootstrap/customize.html

答案 1 :(得分:0)

找到答案。当我使用find和replace时,我损坏了我的.js和.css文件。 糟糕!

答案 2 :(得分:0)

只需删除&#34;隐藏&#34;这一行的课程

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