ionic - ionic 框架: The first item in Ionic list is disappeared

Question

我是 ionic 世界的新手。我遇到了一个问题。我遵循 ionic 网站的内容指导。但是，以某种方式根本没有显示列表中的第一项。你们有什么可以帮忙的吗？非常感谢。这是我的代码:

还有为什么我的 ionic 标签会自动显示在页脚区域？如果我希望它显示在顶部，可以吗？

<div class="bar bar-header bar-calm">
    <h1 class="title">View Title</h1>
</div>

<ion-content>

<div class="list">

  <a class="item item-icon-left" href="#">
    <i class="icon ion-email"></i>
    Check mail
  </a>

  <a class="item item-icon-left item-icon-right" href="#">
    <i class="icon ion-chatbubble-working"></i>
    Call Ma
    <i class="icon ion-ios7-telephone-outline"></i>
  </a>

  <a class="item item-icon-left" href="#">
    <i class="icon ion-mic-a"></i>
    Record album
    <span class="item-note">
      Grammy
    </span>
  </a>

  <a class="item item-icon-left" href="#">
    <i class="icon ion-person-stalker"></i>
    Friends
    <span class="badge badge-assertive">0</span>
  </a>

</div>
</ion-content>


<ion-tabs class="tabs-energized tabs-icon-top">
    <ion-tab title="Leagues" icon="ion-home" href="#"></ion-tab>
    <ion-tab title="My Team" icon="ion-star" href="#"></ion-tab>
</ion-tabs>

Answer 1

好的。我终于弄明白了。而不是在CSS样式中使用margin-top。我只是在ion-content标签中添加了一个ionic类，然后问题就消失了。
<ion-content class="has-header">