BS sahifalash

Oddiy sahifalash (pagination)

Agar saytingizda sahifalar ko‘p bo‘lsa, har bir sahifaga qandaydir sahifalash (pagination) qo‘shishni xohlashingiz mumkin.

Bootstrap’dagi oddiy sahifalash quyidagicha ko‘rinadi:

• 1
• 2
• 3
• 4
• 5

Oddiy sahifalash yaratish uchun <ul> elementiga .pagination klassini qo‘shing:

Faol holat

Faol holat joriy sahifa qaysi ekanini ko‘rsatadi:

• 1
• 2
• 3
• 4
• 5

Foydalanuvchi qaysi sahifada turganini bilishi uchun .active klassini qo‘shing:

Nofaol holat

Nofaol havolani bosib bo‘lmaydi:

• 1
• 2
• 3
• 4
• 5

Agar havola biror sababga ko‘ra nofaol bo‘lsa, .disabled klassini qo‘shing:

Sahifalash o‘lchami

Sahifalash bloklarini kattaroq yoki kichikroq o‘lchamga ham keltirish mumkin:

• 1
• 2
• 3
• 4
• 5

• 1
• 2
• 3
• 4
• 5

Kattaroq bloklar uchun .pagination-lg klassini, kichikroq bloklar uchun esa .pagination-sm klassini qo‘shing:

Breadcrumbs (navigatsiya yo‘li)

Sahifalashning yana bir ko‘rinishi — breadcrumbs (navigatsiya yo‘li):

1. Home
2. Private
3. Pictures
4. Vacation

.breadcrumb klassi joriy sahifaning navigatsiya iyerarxiyasidagi o‘rnini ko‘rsatadi:

<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>

Bootstrap navigatsiyasi bo‘yicha to‘liq ma’lumotnoma

Barcha navigatsiya klasslari bo‘yicha to‘liq ma’lumot uchun Bootstrap navigatsiya ma’lumotnomamizga o‘ting.