Mavzu: Bootstrap freymvorkda navigatsiya menyulari,pagination bilan ishlash,amaliy ko’rsatmalar

.form-inline yordamida navbar ichiga turli xil formalar va komponentlarini joylashtirish mumkin:

Search

Menyubarlarni rangli qilsa ham bo’ladi. _.navbar-light bu yorqin rangli fon uchun, .navbar-dark esa to’q rangli fon uchun ishlatiladi.

Biz saytimizga yashirin menyularni ham joylashimiz mumkin.Masalan:

Mana shu holat.Dastur kodi esa:

Collapsed content

Toggleable via the navbar brand.

Pagination bilan ishlash.
Biz saytlarga sahifalarni hammasini joylasak,saytimiz ko’rimsiz va juda ham kata bo’lib ketadi.Shuning uchun biz link orqali yana sahifalarni qo’shishimiz mumkin.Biz bunda saytini pastida joylashgan raqamlarni bootstrap orqali ishlatamiz. Masalan bu holat:

• Previous


• 1


• 2


• 3


• Next

.sr-only buyrug’i orqali tugmachalar ham qo’shishimiz mumkin.

• 
  
  «
  Previous
  
  


• 1


• 2


• 3


• 
  
  »
  Next
  
  

bu holatda biz o’sha sahifaga
o’tganimizda,sahifada belgi qolishi.

Previous 1 2 (current) 3 Next

Bu belgilarni katta yoki kichik qilishimiz mumkin.Bularni .pagination-lg yoki .pagination-sm buyruqlarini qo’shish orqali hosil qilamiz.

• 
  1
  


• 2


• 3

• 
  1
  


• 2
• 3

Xulosa.
Bootstrap saytimizni go’zallashtirishga hizmat qiluvchi freymvork hisoblanib,hozirda ko’pchilik foydalanib kelmoqda.Bootstrap soddaligi va natijaviyligi bilan boshqa freymvorklardan ajralib turadi.Bootstrap css ishini ancha kamaytirgan.Men ham Bootstrapdan ko’p hollarda foydalanaman.Navbarga keladigan bo’lsak,agarda uni html va css dan o’zimiz tayyorlaganimzda anchagina vaqtni yo’qotib qo’yishimiz mumkin va dastur kodimiz ko’payib ketadi.Bootstrapda esa bir kutubxonada foydalanamiz va ishimiz hal.
Foydalanilgan veb saytlar:

1. 
   https://getbootstrap.com
   
2. 
   https://translate.google.com
   
3. 
   W3Schools Online Web Tutorials