Bootstrap -paginering

Basiese paginering

As jy 'n webwerf met baie bladsye het, wil jy dalk 'n soort paginering by elke bladsy voeg.

'n Basiese paginering in Bootstrap lyk soos volg:

• 1
• 2
• 3
• 4
• 5

Om 'n basiese paginering te skep, voeg die .paginationklas by 'n <ul>element:

Aktiewe staat

Die aktiewe toestand wys wat die huidige bladsy is:

• 1
• 2
• 3
• 4
• 5

Voeg klas .activeby om die gebruiker te laat weet op watter bladsy hy/sy is:

Gestremde staat

'n Gedeaktiveerde skakel kan nie geklik word nie:

• 1
• 2
• 3
• 4
• 5

Voeg klas by .disabledas 'n skakel om een ​​of ander rede gedeaktiveer is:

Paginering Grootte

Pagineringsblokke kan ook 'n groter grootte of 'n kleiner grootte hê:

• 1
• 2
• 3
• 4
• 5

• 1
• 2
• 3
• 4
• 5

Voeg klas .pagination-lgby vir groter blokke of .pagination-smvir kleiner blokke:

Broodkrummels

Nog 'n vorm vir paginering, is broodkrummels:

1. Tuis
2. Privaat
3. Prente
4. Vakansie

Die .breadcrumbklas dui die huidige bladsy se ligging binne 'n navigasiehiërargie aan:

<ul class="">
  <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>

Voltooi Bootstrap-navigasieverwysing

Vir 'n volledige verwysing van alle navigasieklasse, gaan na ons volledige Bootstrap Navigation Reference .