Norqulova dilfuzaning
Download 428.84 Kb.
|
1 2
Bog'liqWeb Dasturlash
- Bu sahifa navigatsiya:
- .active
- .form-inline
|
.navbar-brend kompaniyangiz, mahsulotingiz yoki loyihangiz nomi uchun.
.navbar-nav to'liq balandlik va yengil navigatsiya uchun (shu jumladan ochiladigan dasturlarni qo'llab-quvvatlash). har qanday shaklni boshqarish va harakatlar uchun .form-inline. .navbar-vertikal markazlashtirilgan satrlarni qo'shish uchun matn. .collapse.navbar-kollaps, navbar tarkibini parent to'xtash nuqtasi bilan guruhlash va yashirish uchun. Pastdan boshlab navbarlarga misol keltirishni boshlayman va u lg larni qo’llab quvvatlaydi,saytni kichraytirsak responsive holatga keladi. 1-misol. Dropdownni bossak ichki menyular hosil bo’ladi. Brand.Biz bootstrap yordamida menyubarga brand nomini .navbar-brand classi yordamida har xil ko’rinishda kiritishimiz mumkin. Rasmlarni .navbar-brendga qo'shish uchun har doim moslashtirilgan uslublar yoki yordamchi dasturlar to'g'ri o'lchamlarini talab qilishi mumkin. Yoki Navbar-navigatsiya havolalari bizning .nav-ning variantlarini o'zlarining modifikatorlari sinfi bilan yaratadi va to'g'ri javob berish uslubi uchun toggler sinflaridan foydalanishni talab qiladi. Navbarlardagi navigatsiya sizning navbaringiz tarkibini xavfsiz qilish uchun imkon qadar gorizontal joyni egallashga imkon beradi. Joriy sahifani ko'rsatish uchun .active bilan faol holatlar to'g'ridan-to'g'ri .navhavolalariga yoki ularning bevosita parents .nav-elementlariga qo'llanilishi mumkin.
.form-inline yordamida navbar ichiga turli xil formalar va komponentlarini joylashtirish mumkin: Menyubarlarni rangli qilsa ham bo’ladi. .navbar-light bu yorqin rangli fon uchun, .navbar-dark esa to’q rangli fon uchun ishlatiladi. Mana shu holat.Dastur kodi esa: Collapsed contentToggleable 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: .sr-only buyrug’i orqali tugmachalar ham qo’shishimiz mumkin. bu holatda biz o’sha sahifaga o’tganimizda,sahifada belgi qolishi. Bu belgilarni katta yoki kichik qilishimiz mumkin.Bularni .pagination-lg yoki .pagination-sm buyruqlarini qo’shish orqali hosil qilamiz. JQUERY UI interaktiv imkoniyatlari: Drag va Drop amaliy ko’rsatmalar. JQuery UI - bu jQuery JavaScript kutubxonasi ustiga o'rnatilgan foydalanuvchi interfeysi, effektlar, vidjetlar va mavzularning moslashtirilgan to'plami. jQuery UI - bu jQuery JavaScript kutubxonasi ustiga o'rnatilgan foydalanuvchi interfeysi, effektlar, vidjetlar va mavzularning moslashtirilgan to'plami. UI foydalanuvchi interfeysi uchun mo'ljallangan va jQuery UI kutubxonasi veb-saytingiz uchun juda ko'p foydalanuvchi interfeysi yaxshilanishlarini ta'minlaydi. Yuqori darajada interfaol veb-dasturlar ishlab chiqyapmizmi yoki shakllarni boshqarish vositasiga sana tanlagichini qo'shishingiz kerakmi, jQuery UI - bu eng yaxshi tanlov. jQuery HTML, CSS va JavaScript-dan foydalanadi. Bu tezkor va osonroq veb-ishlab chiqish uchun qulay, intuitiv va kuchli mobil birinchi front-ramka. Yuqori darajada interfaol veb-dasturlarni yaratish kerakmi yoki shakllarni boshqarishga sana tanlagichini qo'shish kerak, jQuery UI - bu eng yaxshi tanlov. 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: https://getbootstrap.com https://translate.google.com W3Schools Online Web Tutorials Download 428.84 Kb. Do'stlaringiz bilan baham: 
|
1 2