Question

图像显示登录功能正在显示登录和注册，但未突出显示。

1 一旦点击药丸，我添加的引导药丸就不会保持活跃状态，内容会显示，数据切换功能也正常，但对于这两种内容，只有登录药丸仍然有效。

    <div class="container" ng-controller="LoginController as vm" ng-init="vm.init()">
            <ul class="nav nav-pills">
                <li role="presentation" class="active">
                    <a  data-toggle="pill" href="#pills-login">Login</a>
                </li>
                <li>
                    <a data-toggle="pill" href="#pills-signup">Sign-up</a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane fade in active" id="pills-login">
        </div>
        <div class="tab-pane fade" id="pills-signup">
        </div>
        </div>
        </div>

包括cdns和脚本：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

Answer 1

我不明白这个问题，所以请耐心等待......选择登录或注册时突出显示的部分是否有效？因为我复制了你的代码并且它完美地工作......

<div class="tab-content">

                <div class="tab-pane fade in active" id="pills-login">
                  Username:
                  <input type="text" class="form-control">
                  Password:
                  <input type="text" class="form-control">
        </div>

        <div class="tab-pane fade" id="pills-signup">
                  Username:
                  <input type="text" class="form-control">
                  Password:
                  <input type="text" class="form-control">
          Email:
                  <input type="text" class="form-control">
          Contact:
                  <input type="text" class="form-control">
        </div>

Codepen： https://codepen.io/anon/pen/PEzgXM?editors=1000

还要使用codepen或其他一些并解释你的困境......

Bootstrap 3.3.7药片未保持活跃状态

1 个答案: