Html 引导选项卡内容未切换

我正在创建一个注册和登录页面。当我单击另一个选项卡时。它刚刚让我报名了。我不知道为什么会这样。我已经尽我所能，但它仍然无法切换标签。我甚至试着从其他网站复制源代码，但仍然不起作用

        <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3">
        <h2>Sign in or Sign up</h2>
        <ul class="nav nav-tabs">
            <li class="active"><a data-toggle="tab" href="#signin">Sign in</a></li>
            <li><a data-toggle="tab" href="#signup">Sign up</a></li>
        </ul>

        <div class="tab-content">
            <div id="signin" class="tab-pane fade in active">
                <h3>SIGN IN</h3>
                <form role="Form" method="POST" action="" accept-charset="UTF-8">
                    <div class="form-group">
                        <input type="text" name="username" placeholder="Username..." class="form-control">
                    </div>
                    <div class="form-group">
                        <input type="password" name="password" placeholder="Password..." class="form-control">
                    </div>
                    <div class="form-group">
                        <label>
                            <input type="checkbox" name="remember"> Remember me
                        </label>
                    </div>
                    <div class="form-group">
                        <button type="submit" class="btn btn-default">Sign In</button>
                    </div>
                </form>
            </div>
            <div id="signup" class="tab-pane fade">
                <h3>SIGN UP</h3>
                <form role="Form" method="POST" action="" accept-charset="UTF-8">
                    <div class="form-group">
                        <input type="text" name="email" placeholder="Email..." class="form-control">
                    </div>
                    <div class="form-group">
                        <input type="text" name="username" placeholder="Username..." class="form-control">
                    </div>
                    <div class="form-group">
                        <input type="password" name="password" placeholder="Password..." class="form-control">
                    </div>
                    <div class="form-group">
                        <input type="password" name="password2" placeholder="Verify password..." class="form-control">
                    </div>
                    <div class="form-group">
                        <button type="submit" class="btn btn-default">Sign Up</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

登录或注册




登录
记得我吗
登录
注册
注册

您确定所有链接都正确吗

我使用了第页的基本模板。并将代码复制粘贴到正文中

请参见下面的示例，它在两个选项卡之间来回切换很好。控制台中有错误吗

你好，世界！
登录或注册




登录
记得我吗
登录
注册
注册

您的代码i工作正常，在选项卡之间切换，这会导致什么后果？？