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>
Bar-stabilny
<div class="bar bar-header bar-stable"> <h1 class="title">bar-stable</h1> </div>
Bar-dodatnich
<div class="bar bar-header bar-positive"> <h1 class="title">bar-positive</h1> </div>
Bar-spokój
<div class="bar bar-header bar-calm"> <h1 class="title">bar-calm</h1> </div>
Pasek zbilansowana
<div class="bar bar-header bar-balanced"> <h1 class="title">bar-balanced</h1> </div>
Pasek pod napięciem
<div class="bar bar-header bar-energized"> <h1 class="title">bar-energized</h1> </div>
Bar-asertywnym
<div class="bar bar-header bar-assertive"> <h1 class="title">bar-assertive</h1> </div>
Bar-Royal
<div class="bar bar-header bar-royal"> <h1 class="title">bar-royal</h1> </div>
Bar-ciemno
<div class="bar bar-header bar-dark"> <h1 class="title">bar-dark</h1> </div>
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>
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>
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>
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>