la cabeza y la parte inferior iónica

Cabecera (header)

conjunto de cabecera se fija a la parte superior de la pantalla, usted puede embalar como los botones de función de título y de sus alrededores.

predeterminado iónica ofrece muchas clases de estilo de color, puede llamar a un nombre de estilo diferente, por supuesto, puede personalizar a.

barra de luz

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

Trate »

bar-estable

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

Trate »

bar-positivo

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

Trate »

bar-calma

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

Trate »

barra de equilibrado

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

Trate »

bar-energizado

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

Trate »

bar-asertivo

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

Trate »

bar-real

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

Trate »

bar-oscuro

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

Trate »

Sub Cabecera (subtitulado)

Sub Cabecera también se fija en la parte superior, justo debajo de la cabecera que es, incluso si esto no escribió Cabecera, Sub Cabecera Este estilo también tiene un encabezado de la parte superior de la distancia. estilo de color con Cabecera.

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

Trate »

Pie de página (abajo)

Pie de página es en la parte inferior de la pantalla puede contener varios tipos de contenido.

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

Trate »

Pie de página con el encabezado anterior, sólo el nombre de estilo de barra de cabecera para hacer bar-pie de página.

<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>

Trate »

Además, si el fondo no tiene título, pero necesitan el botón derecho, se necesita el botón de la derecha para agregar pull-derecha, como por ejemplo:

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

Trate »