无法看到HTML 5

Question

我无法看到表单元素的其余部分，但在我的检查器中，元素就在那里。我使用Materialisecss进行样式设计和使用他们的卡片。请看图像

以下是我的代码：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>


<div class="row">
  <div class="col s8 offset-s2 valign">
    <div class="card blue-grey #ffebee red lighten-5">
      <div class="card-content white-text">
        <div class="row">
          <div class="col s12">

            <ul id="tabs-swipe-demo" class="tabs">
              <li class="tab col s3"><a href="#test-swipe-1">Login</a></li>
              <li class="tab col s3"><a class="active" href="#test-swipe-2">Register</a></li>
            </ul>

            <div id="test-swipe-1" class="col s12 white-text text-darken-2 #ff5252 red accent-2">
              <div class="sm-jumbotron center-align">
                <h5>Login</h5>
              </div>
            </div>
            <!--tab 1-->
            <div id="test-swipe-2" class="col s12 white-text text-darken-2 #ff1744 red accent-3">
              <div class="sm-jumbotron center-align">
                <h5>Register</h5>
              </div>
              <form class="col s12 white" #userRegistrationForm="ngForm">

                <div class="row">
                  <div class="input-field col s6">
                    <input class="validate" type="text" name="UserName" #UserName="ngModel" [(ngModel)]="user.UserName" required minlength="3">
                    <label>Username</label>
                  </div>

                  <div class="input-field col s6">
                    <input type="password" name="Password" #Password="ngModel" [(ngModel)]="user.Password">
                    <label>Password</label>
                  </div>
                </div>

                <div class="row">
                  <input type="text" name="Email" #Email="ngModel" [(ngModel)]="user.Email">
                  <label>Email</label>
                </div>

              </form>
            </div>
            <!--tab 2-->
          </div>
        </div>
        <!--row-->
      </div>
      <!-- card-content -->
      <div class="card-action">
        <a href="#">This is a link</a>
        <a href="#">This is a link</a>
      </div>
    </div>
  </div>
</div>

你能帮忙吗？谢谢。