Бұл wikiHow сізге Bootstrap файлдарын компьютерге қалай жүктеу керектігін үйретеді және оларды сіздің кодыңызда Bootstrap элементтерін пайдалану үшін оларды HTML мәтіндерімен байланыстырады. Bootstrap файлдарын жүктеп, байланыстырғаннан кейін, сіз веб -дизайнда Bootstrap мәнерлер кестесі мен JavaScript элементтерінің барлығын қолдана бастай аласыз.
Қадамдар
Қадам 1. Интернет -шолғышта Bootstrap веб -торабын ашыңыз
Мекенжай жолағына https://getbootstrap.com енгізіңіз және ↵ Enter немесе ⏎ Пернетақтадағы Return пернесін басыңыз.
Қадам 2. Жүктеу түймесін басыңыз
Бұл «Жүктеу» бетін ашады.
Қадам 3. Төмендегі «Жүктеу» түймесін басыңыз «Құрастырылған CSS және JS
" Бұл Bootstrap файлдарын компьютерге ZIP архиві ретінде жүктейді.
Егер сізден сұралса, Bootstrap ZIP үшін сақтау орнын таңдаңыз
Қадам 4. Файлдарды ZIP архивінен шығарыңыз
Жаңа жүктелген ZIP файлын тауып, ондағы барлық файлдарды бір қалтаға шығару үшін оны екі рет нұқыңыз.
- Бұл «деп аталатын екі қалтаны шығарады. css « және » js."
- Егер сіздің ашылмалы бағдарламаңыз файлдарды автоматты түрде шығармаса, ZIP мұрағатын экспорттаудың барлық әдістерін білу үшін осы мақаланы қараңыз.
Қадам 5. Алынған қалталарды веб -сайтыңыздың HTML файлдары бар қалтаға жылжытыңыз
Веб -сайтыңыздың барлық HTML файлдары бар қалтаны ашып, « css « және » js «қалталар оларды веб -сайт құжаттарымен бір қалтаға жылжыту үшін.
Енді сіз файлдарды HTML файлдарымен байланыстыра аласыз және Bootstrap кодын қолдана аласыз
Қадам 6. Bootstrap көмегімен пайдаланғыңыз келетін HTML файлын тінтуірдің оң жақ түймешігімен нұқыңыз
Сіз Bootstrap бағдарламасын HTML файлдарының бірінде немесе олардың барлығында пайдалана аласыз.
Қадам 7. Тінтуірдің оң жақ түймешігімен ашылатын мәзірдегі Ашу белгісін апарыңыз
Қосымша мәзір сәйкес келетін қосымшалармен ашылады.
Қадам 8. Мәтіндік редактор бағдарламасын таңдаңыз
Бұл мәтіндік редакторда таңдалған HTML файлын ашады.
Сияқты қарапайым мәтіндік редакторды қолдануға болады Блокнот немесе TextEdit сияқты арнайы код редакторы Атом (https://atom.io) немесе Coda (https://panic.com/coda).
Қадам 9. Bootstrap сілтемелерін HTML файлының тақырыбына қосыңыз
HTML -де Bootstrap кодын қолданбас бұрын, төмендегі жолдарды кодтың тақырыбына теру немесе қою керек:
Егер сіз CSS және JS қалталарындағы кейбір басқа файлдарды байланыстырғыңыз және қолданғыңыз келсе, тақырыпқа жаңа жолдарды қосыңыз және CSS/bootstrap.css және js/bootstrap.js бөліктерін қажетті файлдардың аттарымен ауыстырыңыз. байланыстыру
Қадам 10. Bootstrap сілтемелерінің кодта орналасуын тексеріңіз
HTML тақырыбында екі жол да жолдар мен сызықтың арасында орналасуы керек.
- Бұл жолдарды тақырыпқа қосқаннан кейін, осы HTML файлында Bootstrap элементтерін қолдануды бастауға болады.
- Барлық Bootstrap элементтерінің толық тізімін https://getbootstrap.com/docs/4.3/getting-started/introduction сайтынан таба аласыз. Кез келген санатты нұқыңыз Орналасу немесе Компоненттер сол жақ мәзірде.
- Bootstrap орнатқаннан кейін сіз өзіңіздің кодыңызға осы жерден кез келген кодты кірістіруге немесе көшіруге/қоюға болады.