Bu wikiHow sizga Bootstrap fayllarini kompyuteringizga qanday yuklashni va ularni kodingizga Bootstrap elementlaridan foydalanish uchun ularni HTML matnlaringizga bog'lashni o'rgatadi. Bootstrap fayllarini yuklaganingizdan va bog'laganingizdan so'ng, siz veb -dizayningizda Bootstrap -ning barcha uslublar jadvali va JavaScript elementlaridan foydalanishni boshlashingiz mumkin.
Qadamlar
Qadam 1. Internet -brauzeringizda Bootstrap veb -saytini oching
Manzil satriga https://getbootstrap.com kiriting va klaviaturada ↵ Enter yoki ⏎ Return tugmalarini bosing.
Qadam 2. Yuklab olish tugmasini bosing
Bu "Yuklab olish" sahifasini ochadi.
Qadam 3. Quyidagi Yuklab olish tugmasini bosing "Tuzilgan CSS va JS
" Bu to'liq Bootstrap fayllarini ZIP arxivi sifatida kompyuteringizga yuklaydi.
Agar so'ralsa, Bootstrap ZIP uchun saqlash joyini tanlang
Qadam 4. ZIP arxividan fayllarni chiqarib oling
Yangi yuklangan ZIP faylini toping va undagi barcha fayllarni bitta papkaga chiqarish uchun uni ikki marta bosing.
- Bu "deb nomlangan ikkita papkani chiqaradi. css"va" js."
- Agar sizning ochiladigan ilovangiz fayllarni avtomatik ravishda chiqarib olmasa, ZIP arxivini eksport qilishning barcha usullarini ko'rish uchun ushbu maqolani ko'rib chiqing.
Qadam 5. Olingan papkalarni veb -saytingiz HTML fayllari bilan bir xil papkaga o'tkazing
Veb -saytingizning barcha HTML -fayllari joylashgan papkani oching va " css"va" js"papkalarni ularni veb -saytingiz hujjatlari bilan bir xil papkaga o'tkazish uchun.
Endi siz fayllarni HTML fayllaringizga bog'lashingiz va kodingizda Bootstrap -dan foydalanishni boshlashingiz mumkin
Qadam 6. Bootstrap bilan ishlatmoqchi bo'lgan HTML faylini o'ng tugmasini bosing
Siz Bootstrap -dan HTML -fayllaringizdan bittasida yoki barchasida foydalanishingiz mumkin.
Qadam 7. Sichqonchaning o'ng tugmachasini bosish menyusida "Ochish" tugmasini bosing
Mos keladigan ilovalar bilan pastki menyu ochiladi.
Qadam 8. Matn muharriri dasturini tanlang
Bu tanlangan HTML faylini matn muharririda ochadi.
Kabi oddiy matn muharriridan foydalanishingiz mumkin Notepad yoki TextEdit kabi maxsus kod muharriri Atom (https://atom.io) yoki Coda (https://panic.com/coda).
Qadam 9. Bootstrap havolalarini HTML fayl sarlavhasiga qo'shing
HTML -da Bootstrap kodini ishlatishdan oldin, quyidagi satrlarni kodingizning sarlavhasiga yozishingiz yoki joylashtirishingiz kerak bo'ladi:
Agar siz CSS va js papkalaridagi boshqa fayllarni bog'lashni va ishlatishni xohlasangiz, sarlavhaga yangi satrlarni qo'shing va CSS/bootstrap.css va js/bootstrap.js qismlarini kerakli fayllar nomlari bilan almashtiring. bog'lash
Qadam 10. Bootstrap havolalaringizning kodga joylashishini tekshiring
HTML sarlavhasida ikkala satr ham satr va chiziq o'rtasida joylashgan bo'lishi kerak.
- Bu satrlarni sarlavhaga qo'shgandan so'ng, siz ushbu HTML faylda Bootstrap elementlaridan foydalanishni boshlashingiz mumkin.
- Siz Bootstrap elementlarining to'liq ro'yxatini https://getbootstrap.com/docs/4.3/getting-started/introduction saytida topishingiz mumkin. Faqat shunga o'xshash har qanday toifani bosing Joylashtirish yoki Komponentlar chap menyuda.
- Bootstrap -ni o'rnatganingizdan so'ng, siz o'zingizning kodingizga istalgan kod qismini qo'shishingiz yoki nusxalashingiz mumkin.