Fundacja bocznym
Sidebar nawigacji
Zastosowanie Fundacja <ul class="side-nav">
"> , aby utworzyć pasek boczny:
Przykłady
<Class Ul = "side-nav ">
<Li> <a href = "#"> Link 1 </ a> </ li>
<Li> <a href = "#"> Link 2 </ a> </ li>
<Li> <a href = "#"> link 3 </ a> </ li>
<Li> <a href = "#"> link 4 </ a> </ li>
</ Ul>
<Li> <a href = "#"> Link 1 </ a> </ li>
<Li> <a href = "#"> Link 2 </ a> </ li>
<Li> <a href = "#"> link 3 </ a> </ li>
<Li> <a href = "#"> link 4 </ a> </ li>
</ Ul>
Spróbuj »
Link aktywacyjny z linii podziału
Kliknąłem na link w <li>
Użyj .active
klasę zidentyfikowany za pomocą .divider
klasę dodać linię poziomą:
Przykłady
<Class Ul = "side-nav ">
<Li class = "aktywny"> class = "a" <a href = "#"> Link 1 </ a> </ li>
<Li> <a class = "a" href = "#"> Link 2 </ a> </ li>
<Li class = "rozdzielacz"> </ li>
<Li> <a class = "a" href = "#"> link 3 </ a> </ li>
<Li> <a class = "a" href = "#"> link 4 </ a> </ li>
</ Ul>
<Li class = "aktywny"> class = "a" <a href = "#"> Link 1 </ a> </ li>
<Li> <a class = "a" href = "#"> Link 2 </ a> </ li>
<Li class = "rozdzielacz"> </ li>
<Li> <a class = "a" href = "#"> link 3 </ a> </ li>
<Li> <a class = "a" href = "#"> link 4 </ a> </ li>
</ Ul>
Spróbuj »
Siatka bocznym
Możemy wykorzystać tryb projektowania sieci, aby ustawić boczny pasek nawigacyjny, są następujące przykłady:
Przykłady
<Div class = "wiersz">
<Div class = "medium-4 kolumny" style = "background-color: # f1f1f1;">
<Class Ul = "side-nav ">
<Li class = "aktywny"> href = "#"> <a Home </ a> </ li>
<Li> <a href = "#"> Dowiedz HTML </ a> </ li>
pl.
</ Ul>
</ Div>
<div class = "średnie-8 kolumn">
<H1> Side Nav </ h1 >
<P> Jakiś tekst pl </ p>
pl.
</ Div>
</ Div>
<Div class = "medium-4 kolumny" style = "background-color: # f1f1f1;">
<Class Ul = "side-nav ">
<Li class = "aktywny"> href = "#"> <a Home </ a> </ li>
<Li> <a href = "#"> Dowiedz HTML </ a> </ li>
pl.
</ Ul>
</ Div>
<div class = "średnie-8 kolumn">
<H1> Side Nav </ h1 >
<P> Jakiś tekst pl </ p>
pl.
</ Div>
</ Div>
Spróbuj »