Modal oyna Bootstrap: maqsad va foydalanish

Qanday modal window Bootstrap va nima uchun zarur? uning komponentlari, xususiyatlari, afzalliklari va kamchiliklari bor? "Modal oyna" tushunchasi GUI ishlatiladi. Ko'pincha u ba'zi muhim voqea e'tibor uchun foydalanish mumkin. Modal Windows sozlamalarini, har qanday axborot, ma'lumotlarni kiritish o'zgartirish uchun ishlatiladi. Ular uzoq muammo yoki harakatlar sifatida nihoyasiga olib emas, foydalanuvchi ish ketishini blokirovka. Windows, shuningdek, veb-sahifalarni ishlab chiqish uchun ishlatiladi.

Nima bu

Osonlik bilan özelleştirilebilir va adaptiv dizayn, bu mashhur bugun Bootstrap nima beradi. displey, tasvir, video va boshqa ma'lumotlar, veb-saytlarni yaratish yordam berish uchun foydalanish mumkin shakli bo'lgan Modal oyna. Pop-up oyna header, tana va altbilgisi: Yuklash alohida qismdan iborat. Ushbu elementlarning har biri o'z qiymatiga ega. bir modal window Bootstrap asosiy maqsadi - rivojlanayotgan dizaynerlar yordamida har qanday qo'shimcha kod yozmasdan veb-sahifalar yaratish uchun. Modal oyna - Yozma mazmunini ko'rsatadi konteyner bir xil. Bilan modal katta doira butlovchi gol hal qildi.

Qanday qilish?

uning nazorat JavaScript usullari, ma'lumotlar va CSS yordamida amalga oshiriladi, shuningdek, bir modal oynasini yaratish. Dastlab biz tartibi qilish kerak. Bu ramka sarlavhalar, asosiy mazmuni va olmashlari iborat. Kerakli bu erda elementlar - bir asos (blok) va bir karkas. Qo'ng'iroq bir modal window amalga oshirish uchun harakat qilish zarurligini brendingi so'ng. Ko'pincha u Veb-sahifaning yuklashni va tegishli tugmani bosgan keyin deyiladi. qo'ng'iroq ma'lumotlar va JavaScript yordamida amalga oshiriladi. Bootstrap modal oynasini yopish ilgari yaratilgan va najot vazifalarni tamomlaydi.

modal window o'z xususiyatiga ega ekanligini unutmang. bir necha modal oyna ochish uchun, qo'shimcha kod yozish kerak. Joylashtirish HTML-kod body tegi so'ng, hujjatning yuqori, eng yaxshi hisoblanadi. Bu vazifani va oyna ko'rinishini saqlab qolish uchun yordam beradi. mobil qurilmalar to'g'risida, "modal oyna" komponent foydalanish bilan bog'liq ogohlantirishlar bor. Ular to'liq foydalanishni cheklash. 3 beradi Bootstrap Agar oyna hajmini rostlash va panjara foydalanish uchun.

komponentlar

Bootstrap bilan ish boshlashdan oldin, uni tashkil topgan tushunish kerak. dastur-saytlar yaratish uchun ishlatiladi tayyor vositalari majmuini o'z ichiga oladi. Tayyor uslublar JavaScript, CSS va HTML adaptiv panjarani, ekran tugmalari, menyular, piktogramma va boshqa maslahatlar qurish. tartibi, uslublari uchun zarur bo'lgan asosiy dasturiy ta'minot. matnni chop va sahifasini chop eting va sayt mazmunan matn dizayn qilish uchun brauzer tayyorlash imkonini beradi uchun jihozlardan mavjudligi. Siz Bootstrap komponentlar foydalanish shakllari, tugmalar va boshqa elementlarni yaratishingiz mumkin. Dastur tez va osonlik bilan mobil qurilmalar uchun sahifalarni yuklovchi vositalari to'liq majmuini bor. Bootstrap boshqa komponentlar, shuningdek JavaScript turli iborat. hatto, bir Ajam uchun yetarlicha oddiy, ularni o'zlashtirish. nazariyasi, dastur asosida uchun "Bustrap" juda qiyin tushunish. Amalda, bu ko'p oldindan qurilgan komponentlariga dizayner va Coder tufayli rivojlantirish osonlashtiradi.

xususiyatlari

Bootstrap modal window maxsus afzalliklarga ega. rivojlantirish saytlar uchun sahifa tartibini yordamida yuqori tezlikda o'tadi. Oyna elementlari va yechimlarning keng majmuini o'z ichiga oladi. Borayotgan moslashuvchanlik Bootstrap saytga. Framework (dasturiy ta'minot) barcha brauzerlar uchun mos va to'g'ri ularga ko'rsatiladi. Bu modal window foydalanish oson. Bootstrap hatto HTML va CSS asosiy bilimlarga ega yangilar uchun, siz veb-sahifalar yaratish uchun imkon beradi.

Bu foydalanuvchilar osonlik unga moslashish mumkin modal oyna xususiyatlari. to'liq kodi va ajoyib hujjatlarni ko'p misollar Bootstrap jadal rivojlanishini ta'sir qiladi. bezatish uchun mavzularni katta tanlash mumkin, deb uning mohiyati haqida. Bu modal Windows mo'ljallangan edi bilan Wordpress, CMS, Joomla. Bootstrap - zarur komponentlarni o'z ichiga olgan va o'z ikonochnym shrift bilimdon Veb Dastur doirasida bo'ladi. Bu bazasi, shu jumladan ikki yuzdan ortiq belgilarni o'z ichiga oladi.

Kamchiliklari

Bootstrap modal window uning kamchiliklari bor.

• foydalanish saytlar, individual uslub xususiyatlarini yo'qotadi. Ular tashqi ko'rinishi va bir-biriga o'xshash tuzilishi kabi, noyob bo'lishdan to'xtaydi.
• moslashuvchan yo'qligi; tez-tez o'z tarzini yaratish kerak va keraksiz operatsiyalarini amalga.
• ish soatlari olib kelishi mumkin yuklangan kodni o'zgartiring.
• tez-tez foydalanuvchilar, boshqa maqsadlar uchun ishlatiladi Bootstrap qismlari.

oldingi so'nggi rivojlantirish, ushbu transport vositasini foydalaning. Veb-ishlab chiquvchilari uchun mukammal yechim - Bootstrap yordamida doirasida, tartib foydalanuvchilari zohiriy bo'ladi kamchiliklar, qaramay. Bu siz qisqa vaqt ichida ko'p harakat bo'lmasdan, bir oddiy va intuitiv interfeysi yaratish imkonini beradi.

javob dizayn

eng mashhur doirasida biri, vaqt va energiya sarf qilmasdan, dizaynerlar yuqori sifatli veb-saytlar va ilovalarni yaratish uchun imkon beradi - u 3. modal window bepul vositalari asosiy to'siq bo'lgan foydalanuvchini beradi Bootstrap ekan. C Siz JavaScript, CSS, HTML foydalanishi yordam berishi mumkin. Ushbu dasturiy Twitter tomonidan yaratilgan va u xususiyatlari va afzalliklari, bir qator bor edi. kesish mobil qurilmalar uchun mo'ljallangan edi, shuning uchun uning sof kichik ekranlar uchun mo'ljallangan. Bugun Bootstrap 3 va katta qurilmalar uchun ishlatiladi. Dasturda ishlab chiqaruvchilari tomonidan kengaydi faqat bitta javob grid tizimi bor.

To'liq kesish shriftlarni taqdim. Ular piktogramma sifatida ishlatiladi. Ushbu dastur, Dizaynerlar siz xohishiga o'zgartirilishi mumkin vektor shriftlar va tasvirlar bilan allaqachon ish etiladi. 3 Bootstrap xususiyatlari uni eski brauzerlarda qo'llab-quvvatlamaydi, deb. javob dizayn tushunchasi oddiy: sayt mustaqil qat'i nazar foydalanuvchi unga ketdi qaysi qurilma bo'lib, ekranning kattaligi rostlanadi. javob beradigan dizayn rivojlantirish maxsus bilim va kasb-hunar ko'nikmalarini talab qiladi.

Bootstrap bilan ishlash

Bootstrap bilan tanishish oldin, u bemalol yuklab olishingiz mumkin. keyingi foydalanuvchi yuklab olish va Zipdan ochish so'ng shriftlar ikonochnye tarzini va buyruq fayllarni o'z ichiga uch papkalarni bo'ladi. Barcha bu Bootstrap hisoblanadi. keyin doirasida nomi bilan papka yaratish mumkin modal oynasini oching. Bu bo'sh faylni «ndex.html» yaratish uchun zarur. yuklab dasturiy ta'minot to'liq uslub hamda tegishli jilddan «bookstrap.css» papkasini «shriftlarni» tanlash etiladi. Shuningdek, skriptni «bootstrap.js» haqida unutmang. shunga o'xshash nomi «CSS» bilan Mavjud papkani yaratish, «bootstrap.min.css» qo'ydi. boshqa «CSS» «style.css» bo'sh fayl bilan qiling. U o'z tarzini kiritish kerak bo'ladi.

Barcha siz yaratish kerak bo'lsa, keyingi ish faqat «ndex.html» bilan amalga oshiriladi. qo'lda kodlari yozish istamasangiz, tayyor skeleti HTML-hujjatga qarang. Nusxalash va faylga kodni joylashtirish. hosil skeleti uslublar kutubxona va yozuv bog'liq bo'ladi. tanasi yorlig'i «jQuery» kutubxonasi ulash uchun, unutish va bermaydi oldin keyin - yozuvida «js».

to'r

modal deraza Bootstrap sayt klassik yaratish uchun ishlatiladi. Bu shapka asosiy tanasi, lateral ustunlar va erto'lasida iborat. to'g'ri barcha ko'rsatishi uchun, bu individual oqimi bilan foiz, har bir element kengligi hisoblash uchun zarur. Yerto'la shapka sayt va 100% bir kengligi bo'lishi kerak, va yon ustunlar asosiy qismi kichik bo'lishi mumkin.

Grid Bootstrap faqat bloklar kerakli kengligi o'rnatish kerak. Grid faoliyat ustun va satrlarni ega bo'lgan stol yordami bilan sodir bo'ladi. Grid marta boshqa grid soni cheklanmagan doirasida amalga oshirilishi mumkin. sayt qismlari u bilan qilgan bo'lsangiz, o'z adaptiv ehtiyojlarini yozish uchun hech qanday ehtiyoj bor. panjara tashqari, bir modal window qo'shimcha komponentlar (menyular, jadvallar, tabs, maslahatlar) bir qator o'z ichiga oladi.

xatolar

bir vaqtning o'zida ochiq Ba'zan bir necha Bootstrap modal Windows, bir xato sabab bo'lishi mumkin. Windows to'g'ri html fayl turini yuklab bo'lmadi bo'lsa, bu mumkin emas. Xato zararli dasturiy ta'minot yoki virus bilan fayl mag'lubiyatini ko'rsatadi. fayl Bootstrap bilan bog'liq eng keng tarqalgan muammolarni, ishga tushirish dasturlari, kompyuter paytida, yoki biron-bir harakatni amalga keyin sodir bo'ladi. - eng keng tarqalgan bir modal oyna bilan bog'liq bo'lganlar: No fayl "" faylida Xato "", "ro'yxatdan bo'lmadi", "yuklash muvaffaqiyatsiz tugadi", "topildi emas", "Run-vaqti xato va yuk". Agar foydalanuvchi, u allaqachon ishlayotgan yo'qmi, shuningdek yoqishdan paytida va kompyuter off dasturini yuklaydi yoki ular paydo bo'lishi mumkin. Bu to'g'ri Bootstrap ularning yuzaga sababini olib tashlash uchun yordam beradi, chunki yaqindan xatolar yuzaga nazorat qilish uchun muhim ahamiyatga ega. A modal window tufayli ichki xatolar bog'liq emas noto'g'ri chaqirig'iga ba'zan ishlamaydi.