Zakładka Fundacja
Jeśli masz wiele stron z treścią, należy skorzystać z funkcji stronicowania.
Aby utworzyć podstawową funkcję stronicowania wymaga <ul> na elemencie Plus .pagination kategoriach:
Przykłady
<Li> <a href = "#"> 1 </ a> </ li>
<Li> <a href = "#"> 2 </ a> </ li>
<Li> <a href = "#"> 3 </ a> </ li>
<Li> <a href = "#"> 4 </ a> </ li>
<Li> <a href = "#"> 5 </ a> </ li>
</ Ul>
Spróbuj »
Obecna strona
Można <li> dodaje .current klasę oznaczyć bieżącą stronę:
Przykłady
<Li class = "prąd"> href = <a "#"> 1 </ a> </ li>
<Li> <a href = "#"> 2 </ a> </ li>
<Li> <a href = "#"> 3 </ a> </ li>
<Li> <a href = "#"> 4 </ a> </ li>
<Li> <a href = "#"> 5 </ a> </ li>
</ Ul>
Spróbuj »
Zakładka Wyłącz
Jeśli trzeba skonfigurować kartę nie trzeba klikać .unavailable kategorie:
Przykłady
<Li> <a href = "#"> 1 </ a> </ li>
<Li> <a href = "#"> 2 </ a> </ li>
<Li class = "niedostępny"> href = "#"> <a 3 </ a> </ li>
<Li> <a href = "#"> 4 </ a> </ li>
<Li> <a href = "#"> 5 </ a> </ li>
</ Ul>
Spróbuj »
kierunek stronicowania
W pierwszym i ostatnim code> <li> Dodaj element .arrow podmioty wkładka klasy HTML Symbol « i » stworzyć symbol kierunek stronicowania:
Przykłady
<Li class = "strzałka"> href = "#"> <a & laquo; </ a> </ li>
<Li> <a href = "#"> 1 </ a> </ li>
<Li> <a href = "#"> 2 </ a> </ li>
<Li> <a href = "#"> 3 </ a> </ li>
<Li> <a href = "#"> 4 </ a> </ li>
<Li> <a href = "#"> 5 </ a> </ li>
<Li class = "strzałka"> href = "#"> <a & raquo; </ a> </ li>
</ Ul>
stronicowania centered
Możemy dodać <ul> zewnętrzną <div> element i <div> Dodaj na .pagination-centered klas realizujących stronicowania skoncentrowany:
Przykłady
<Class Ul = "stronicowanie">
<Li class = "strzałka"> href = "#"> <a & laquo; </ a> </ li>
<Li class = "prąd"> href = <a "#"> 1 </ a> </ li>
<Li> <a href = "#"> 2 </ a> </ li>
<Li> <a href = "#"> 3 </ a> </ li>
<Li> <a href = "#"> 4 </ a> </ li>
<Li> <a href = "#"> 5 </ a> </ li>
<Li class = "strzałka"> href = "#"> <a & raquo; </ a> </ li>
</ Ul>
</ Div>
Spróbuj »
Bułka tarta
Struktura Bułka tarta nawigacji służy do wyświetlania bieżącej strony.
W <ul> na element dodany .breadcrumbs klasę zaimplementować bułkę tartą. Możesz dodać <li> na .current lub .unavailable klasie ustawić bieżącą stronę i efekt nie klikalny:
Przykłady
<Li> <a href = "#"> główna </ a> </ li>
<Li> <a href = "#"> Prywatne </ a> </ li>
<Li class = "niedostępny"> href = "#"> <a Zdjęcia </ a> </ li>
<Li class = "prąd"> wakacje </ li>
</ Ul>
Spróbuj »
sub nawigacji
Przełączanie się na stronie, sub-nawigacja jest bardzo przydatna.
W <dl> element jest dodawany .sub-nav klas do tworzenia sub-nawigację. W <dt> na elemencie, aby dodać tytuł wybranej opcji <dd> Dodaj .active kategorie:
Przykłady
<Dt> Filtr: </ dt >
<Dd class = "aktywny"> href = <a "#"> Wszystkie </ a> </ dd>
<Dd> <a href = "#"> Aktywny </ a> </ dd>
<Dd> <a href = "#"> Oczekuje </ a> </ dd>
<Dd> <a href = "#"> Zawieszony </ a> </ dd>
</ Ul>
Spróbuj »