Bu wikiHow, Bootstrap fayllarını kompüterinizə necə yükləməyi və kodunuzda Bootstrap elementlərindən istifadə etmək üçün onları HTML mətnlərinizə bağlamağı öyrədir. Bootstrap fayllarını yükləyib bağladıqdan sonra veb dizaynınızda Bootstrap -ın bütün üslub cədvəlini və JavaScript elementlərini istifadə etməyə başlaya bilərsiniz.
Addımlar
Addım 1. İnternet brauzerinizdə Bootstrap veb saytını açın
Ünvan çubuğuna https://getbootstrap.com yazın və ↵ Enter və ya ⏎ Klaviaturada Return düyməsini basın.
Addım 2. Yükləmə düyməsini basın
Bu "Yüklə" səhifəsini açacaq.
Addım 3. Aşağıdakı Yükləmə düyməsini basın "Tərtib edilmiş CSS və JS
" Bu, tam Bootstrap fayllarını ZIP arxivi olaraq kompüterinizə yükləyəcək.
İstənirsinizsə, Bootstrap ZIP üçün qənaət yeri seçin
Addım 4. Faylları ZIP arxivindən çıxarın
Yeni yüklədiyiniz ZIP faylını tapın və içindəki bütün faylları eyni qovluğa çıxarmaq üçün üzərinə iki dəfə vurun.
- Bu, "adlı iki qovluğu çıxaracaq css"və" js."
- Açma tətbiqiniz faylları avtomatik olaraq çıxarmırsa, ZIP arxivini ixrac etməyin bütün yollarını görmək üçün bu məqaləyə baxın.
Addım 5. Çıxarılan qovluqları veb saytınızın HTML faylları ilə eyni qovluğa köçürün
Veb saytınızın bütün HTML fayllarını ehtiva edən qovluğu açın və " css"və" js"qovluqları veb sayt sənədlərinizlə eyni qovluğa daşımaq üçün.
İndi faylları HTML sənədlərinizə bağlaya və kodunuzda Bootstrap istifadə etməyə başlaya bilərsiniz
Addım 6. Bootstrap ilə istifadə etmək istədiyiniz HTML faylını sağ vurun
HTML fayllarınızdan yalnız birində və ya hamısında Bootstrap istifadə edə bilərsiniz.
Addım 7. Sağ klikləmə menyusundakı Aç ilə üzərinə gedin
Uyğun tətbiqlərlə bir alt menyu açılacaq.
Addım 8. Mətn redaktoru proqramınızı seçin
Bu seçilmiş HTML faylını mətn redaktorunuzda açacaq.
Kimi sadə bir mətn redaktorundan istifadə edə bilərsiniz Qeyd dəftəri və ya TextEdit kimi xüsusi bir kod redaktoru Atom (https://atom.io) və ya Coda (https://panic.com/coda).
Addım 9. Bootstrap bağlantılarını HTML faylınızın başlığına əlavə edin
HTML -də Bootstrap kodunu istifadə etməzdən əvvəl, aşağıdakı sətirləri kodunuzun başlığına yazmalı və ya yapışdırmalısınız:
Digər faylları css və js qovluqlarından bağlamaq və istifadə etmək istəyirsinizsə, başlığa yeni sətirlər əlavə edin və css/bootstrap.css və js/bootstrap.js hissələrini istədiyiniz faylların adları ilə əvəz edin. bağlamaq
Addım 10. Bootstrap bağlantılarınızın kodda yerləşdirilməsini yoxlayın
HTML başlığında hər iki xətt xətlər və xətt arasında yerləşməlidir.
- Bu sətirləri başlığa əlavə etdikdən sonra bu HTML sənədində Bootstrap elementlərindən istifadə etməyə başlaya bilərsiniz.
- Bütün Bootstrap elementlərinin tam siyahısını https://getbootstrap.com/docs/4.3/getting-started/introduction ünvanında tapa bilərsiniz. İstədiyiniz kateqoriyanı vurun Layout və ya Komponentlər sol menyuda.
- Bootstrap qurduqdan sonra hər hansı bir kod parçasını buradan öz kodunuza daxil edə və ya kopyalaya/yapışdıra bilərsiniz.