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>
...
</ Ul>
</ Div>
<div class = "średnie-8 kolumn">
<H1> Side Nav </ h1 >
<P> Jakiś tekst .. </ p>
...
</ 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>
...
</ Ul>
</ Div>
<div class = "średnie-8 kolumn">
<H1> Side Nav </ h1 >
<P> Jakiś tekst .. </ p>
...
</ Div>
</ Div>
Spróbuj »