ionischen Kopf und am Boden

Header (Header)

Kopfanordnung mit dem oberen Rand des Bildschirms festgelegt ist, können Sie eine solche packen wie die Titel und die Funktionstasten um.

ionische Standard viele Arten von Farbe, Stil bietet, können Sie einen anderen Stil Namen nennen, natürlich können Sie anpassen.

Bar-Licht

<div class="bar bar-header bar-light">
  <h1 class="title">bar-light</h1>
</div>

Versuchen »

Bar stabil

<div class="bar bar-header bar-stable">
  <h1 class="title">bar-stable</h1>
</div>

Versuchen »

Bar-positiv

<div class="bar bar-header bar-positive">
  <h1 class="title">bar-positive</h1>
</div>

Versuchen »

Bar-Ruhe

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

Versuchen »

bar ausgeglichen

<div class="bar bar-header bar-balanced">
  <h1 class="title">bar-balanced</h1>
</div>

Versuchen »

bar abgefallen

<div class="bar bar-header bar-energized">
  <h1 class="title">bar-energized</h1>
</div>

Versuchen »

Bar-durchsetzungs

<div class="bar bar-header bar-assertive">
  <h1 class="title">bar-assertive</h1>
</div>

Versuchen »

Bar-royal

<div class="bar bar-header bar-royal">
  <h1 class="title">bar-royal</h1>
</div>

Versuchen »

Bar-Dunkel

<div class="bar bar-header bar-dark">
  <h1 class="title">bar-dark</h1>
</div>

Versuchen »

Sub-Header (untertitelt)

Sub-Header ebenfalls an der Spitze befestigt ist, knapp unterhalb der Kopfzeile ist es, auch wenn dies nicht schreiben Kopf, Sub-Header Dieser Stil hat auch einen Kopfball nach oben in der Ferne. Farbe Stil mit Kopf.

<div class="bar bar-header">
  <h1 class="title">Header</h1>
</div>
<div class="bar bar-subheader">
  <h2 class="title">Sub Header</h2>
</div>

Versuchen »

Footer (unten)

Footer ist am unteren Rand des Bildschirms können mehrere Inhaltstypen enthalten.

<div class="bar bar-footer bar-balanced">
  <div class="title">Footer</div>
</div>

Versuchen »

Footer mit dem oben Kopf, nur die Bezeichnung der Bar-Header für das Tun Bar-Footer.

<div class="bar bar-footer">
  <button class="button button-clear">Left</button>
  <div class="title">Title</div>
  <button class="button button-clear">Right</button>
</div>

Versuchen »

Darüber hinaus, wenn der Boden keinen Titel hat, aber sie müssen die richtige Taste, müssen Sie die rechte Taste Pull-rechts hinzuzufügen, wie zum Beispiel:

<div class="bar bar-footer">
  <button class="button button-clear pull-right">Right</button>
</div>

Versuchen »