ионная голова и низ

Заголовок (заголовок)

Узел заголовка крепится к верхней части экрана, вы можете упаковать такие как заголовок и функциональных кнопок вокруг.

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

бар света

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

Попробуйте »

бар стабильной

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

Попробуйте »

бар-положительным

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

Попробуйте »

бар-спокойным

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

Попробуйте »

бар сбалансированный

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

Попробуйте »

бар под напряжением

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

Попробуйте »

бар-напористой

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

Попробуйте »

бар-королевский

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

Попробуйте »

бар-темно

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

Попробуйте »

Sub Заголовок (подзаголовок)

Sub Заголовок также фиксируется в верхней части, чуть ниже заголовка оно, даже если это не написать заголовок, заголовок Sub Этот стиль также имеет заголовок из верхней части расстояния. Цвет в стиле с заголовком.

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

Попробуйте »

Footer (нижний)

Footer находится в нижней части экрана может содержать несколько типов контента.

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

Попробуйте »

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>

Попробуйте »

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

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

Попробуйте »