Энэхүү wikiHow нь Bootstrap файлуудыг компьютер дээрээ хэрхэн татаж авах, тэдгээрийг HTML тексттэйгээ холбож код дээрээ Bootstrap элементүүдийг ашиглахыг заадаг. Та 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 файлыг нээх болно.
Та энгийн текст засварлагч ашиглаж болно Тэмдэглэлийн дэвтэр эсвэл Текст засварлах түүнчлэн тусгай код засварлагч гэх мэт Атом (https://atom.io) эсвэл Кода (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 -ийг суулгасны дараа эндээс өөрийн дурын кодыг оруулах эсвэл хуулж оруулах боломжтой.