无法连接引导页面答案

【问题标题】：Can't connect bootstrap pages无法连接引导页面
【发布时间】：2022-01-08 02:01:03
【问题描述】：

我正在尝试制作一个基本的登录系统。我正在混合和匹配引导程序。登录布局完成。当我点击注册时，它会将我带到另一个表单字段，它也可以工作。出于某种原因，当我点击忘记密码时，它应该带我进入忘记密码页面，但它没有，也没有任何反应。我在“忘记密码”页面上有一个 ID，但每当我输入该 ID 时，登录就会停止工作并且格式会混乱。

这是我的代码。我还添加了 js/css 引导代码。

http://jsfiddle.net/8cjrj118/1/

这是我的忘记密码表单代码的一部分。我从主页上去掉了“被遗忘的家”的 id，因为它把一切都搞砸了。

<div style="display: none;" id="form-olvidado">
<h4 class="">
  Forgot your password?
</h4>
<form accept-charset="UTF-8" role="form" id="login-recordar" method="post">
  <fieldset>
    <span class="help-block">
      Email address you use to log in to your account
      <br>
      We'll send you an email with instructions to choose a new password.
    </span>
    <div class="form-group input-group">
      <span class="input-group-addon">
        @
      </span>
      <input class="form-control" placeholder="Email" name="email" type="email" required="">
    </div>
    <button type="submit" class="btn btn-primary btn-block" id="btn-olvidado">
      Continue
    </button>
    <p class="help-block">
      <a class="text-muted" href="#" id="acceso"><small>Account Access</small></a>
    </p>
  </fieldset>
</form>

【问题讨论】：

标签： html css twitter-bootstrap web

【解决方案1】：

试试这个：

<a href="#" onClick="$('#loginbox').hide(); $('#form-olvidado').show()">Forgot password?</a>

DEMO

【讨论】：

【解决方案2】：

DEMO

$('#forgot').click(function(){


    $('#form-olvidado').css(
        "display","block"
    );
    $('#loginbox').css(
        "display","none"
    );

});

或

$('#forgot').click(function(){


    $('#form-olvidado').show();
    $('#loginbox').hide();

});

将忘记作为 id 添加到显示忘记密码的锚标记？然后添加此代码
其次可以使用两种方法一种是使用css显示块或在jquery中不使用或
隐藏或显示两者都可以解决问题
关于使用 jsfiddle 的另一件事在左侧菜单中有一个名为外部资源的选项卡，您必须在该菜单中添加 css 和其他 javascript 文件 Go to this site 它托管了所有引导程序和其他文件，因此可以随时使用

【讨论】：