Il miglior tutorial testa ionica e in basso Nel 2024, in questo tutorial puoi imparare Intestazione (header),Intestazione secondaria (sottotitolato),Piè di pagina (in basso),

testa ionica e in basso

Intestazione (header)

complesso di testa è fissato alla parte superiore dello schermo, potete imballare quali il titolo e la funzione pulsanti intorno.

ionico di default offre molti tipi di stile di colore, è possibile chiamare un nome diverso stile, naturalmente, è possibile personalizzare a.

Bar-luce

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

Prova »

Bar-stabile

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

Prova »

Bar-positivo

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

Prova »

Bar-calmo

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

Prova »

Bar-equilibrata

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

Prova »

Bar-energizzato

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

Prova »

Bar-assertivo

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

Prova »

Bar-royal

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

Prova »

Bar-scuro

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

Prova »

---

Intestazione secondaria (sottotitolato)

Header Sub è inoltre fissata in alto, appena sotto l'intestazione è, anche se questo non scrivere Header, intestazione Sub Questo stile ha anche un Header dalla cima della distanza. stile di colore con l'intestazione.

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

Prova »

---

Piè di pagina (in basso)

Piè di pagina è nella parte inferiore dello schermo può contenere più tipi di contenuto.

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

Prova »

Piè di pagina con l'intestazione di cui sopra, solo il nome dello stile bar-header per fare Bar-piè di pagina.

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

Prova »

Inoltre, se il fondo non ha un titolo, ma hanno bisogno del tasto destro, è necessario il tasto destro per aggiungere pull-destra, come ad esempio:

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

Prova »