Najlepszy samouczek Zakładka Fundacja W 2024 r. W tym samouczku możesz dowiedzieć się
Obecna strona,Zakładka Wyłącz,kierunek stronicowania,stronicowania centered,Bułka tarta,sub nawigacji,
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
<Class Ul = "stronicowanie">
<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
<Class Ul = "stronicowanie">
<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
<Class Ul = "stronicowanie">
<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
<Class Ul = "stronicowanie">
<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>
Spróbuj »
stronicowania centered
Możemy dodać <ul> zewnętrzną <div>
element i <div>
Dodaj na .pagination-centered
klas realizujących stronicowania skoncentrowany:
Przykłady
<Div class = "stronicowanie-centered ">
<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
<ul class = "breadcrumbs">
<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
<Class Ul = "sub-nav ">
<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 »