Ионный заголовок и заголовок скрытого содержимого

Question

Я разрабатываю приложение для мобильного устройства, и я использую ионный. Моя проблема в том, что я создал заголовок и подзаголовок, но он скрывает содержимое.

Мой код ниже, я надеюсь, что кто-то может мне помочь:

<ion-pane> 
     <div class="bar bar-header bar-energized"> 
      <h1 class="title">Delegate HR-System</h1> 
     </div> 
     <!--Sub Header--> 
     <div class="bar bar-subheader"> 
      <h3 class="title">Add Employee</h3> 
     </div> 
     <ion-content> 

      <!--Form add employee--> 
      <div class="list"> 
       <label class="item item-input item-floating-label"> 
        <span class="input-label">First Name</span> 
        <input type="text" placeholder="First Name"> 
       </label> 
       <label class="item item-input item-floating-label"> 
        <span class="input-label">Last Name</span> 
        <input type="text" placeholder="Last Name"> 
       </label> 
       <label class="item item-input item-floating-label"> 
        <span class="input-label">Email</span> 
        <input type="text" placeholder="Email"> 
       </label> 
       <button class="button button-positive"> 
        Create 
       </button> 
      </div> 

     </ion-content> 
     <ion-footer-bar class="bar-royal"> 
      <!--Menu--> 
      <div class="tabs tabs-icon-top"> 
       <a href="index.html" class="tab-item"> 
        <i class="icon ion-person-stalker"></i> 
        Employees 
       </a> 
       <a href="addEmployee.html" class="tab-item"> 
        <i class="icon ion-person-add"></i> 
        Add Employee 
       </a> 
       <a href="addDevice.html" class="tab-item"> 
        <i class="icon ion-laptop"></i> 
        Add Device 
       </a> 
      </div> 
     </ion-footer-bar> 
    </ion-pane> 

Answer 1

добавить class="has-subheader" к <ion-content> элементу.