jonowe głowy i dolny

Header (nagłówek)

Zespół Nagłówek jest przymocowany do górnej części ekranu, można zapakować takie jak tytuł i funkcyjnych przycisków wokół.

Domyślnym jonowa zapewnia wiele rodzajów stylu kolorów, można wywołać inną nazwę stylu, oczywiście, można spersonalizować.

Pasek światła

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

Spróbuj »

Bar-stabilny

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

Spróbuj »

Bar-dodatnich

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

Spróbuj »

Bar-spokój

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

Spróbuj »

Pasek zbilansowana

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

Spróbuj »

Pasek pod napięciem

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

Spróbuj »

Bar-asertywnym

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

Spróbuj »

Bar-Royal

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

Spróbuj »

Bar-ciemno

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

Spróbuj »

Sub Header (z napisami)

Sub Nagłówek jest również stałe na górze, tuż pod nagłówkiem to jest, nawet jeśli to nie napisać nagłówek, Sub Nagłówek Ten styl ma także Główka góry w oddali. Styl Kolor z nagłówkiem.

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

Spróbuj »

Stopka (na dole)

Stopka jest na dole ekranu mogą zawierać wiele typów zawartości.

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

Spróbuj »

Stopka z powyższego nagłówka, tylko nazwa stylu bar-nagłówkiem, robi bar-stopki.

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

Spróbuj »

Ponadto, jeśli na dole nie ma tytułu, ale potrzebują odpowiedniego przycisku, trzeba przycisk prawy dodać pull-prawo, takich jak:

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

Spróbuj »