ეს wikiHow გასწავლით თუ როგორ გადმოწეროთ Bootstrap ფაილები თქვენს კომპიუტერში და დაუკავშიროთ ისინი თქვენს HTML ტექსტებს, რათა გამოიყენოთ Bootstrap ელემენტები თქვენს კოდში. მას შემდეგ რაც ჩამოტვირთავთ და დააკავშირებთ Bootstrap ფაილებს, შეგიძლიათ დაიწყოთ Bootstrap– ის ყველა სტილის და JavaScript ელემენტების გამოყენება თქვენს ვებ დიზაინში.
ნაბიჯები
ნაბიჯი 1. გახსენით Bootstrap ვებსაიტი თქვენს ინტერნეტ ბრაუზერში
მისამართების ზოლში ჩაწერეთ https://getbootstrap.com და დააჭირეთ ღილაკს ↵ Enter ან urn Return თქვენს კლავიატურაზე.
ნაბიჯი 2. დააწკაპუნეთ ჩამოტვირთვის ღილაკზე
ეს გახსნის "გადმოტვირთვის" გვერდს.
ნაბიჯი 3. დააწკაპუნეთ ქვემოთ ჩამოტვირთვის ღილაკზე "შედგენილი CSS და JS
" ეს გადმოწერს Bootstrap– ის სრულ ფაილებს თქვენს კომპიუტერში ZIP არქივის სახით.
თუ მოგთხოვთ, შეარჩიეთ Bootstrap ZIP- ის შენახვის ადგილი
ნაბიჯი 4. ამოიღეთ ფაილები ZIP არქივიდან
იპოვეთ თქვენ მიერ გადმოწერილი ZIP ფაილი და ორჯერ დააწკაპუნეთ მასზე არსებული ყველა ფაილის ერთსა და იმავე საქაღალდეში ამოსაღებად.
- ეს ამოიღებს ორ საქაღალდეს სახელწოდებით " css"და" js."
- თუ თქვენი unzipper აპლიკაცია ავტომატურად არ ამოიღებს ფაილებს, გადახედეთ ამ სტატიას, რომ ნახოთ ZIP არქივის ექსპორტის ყველა გზა.
ნაბიჯი 5. გადაიტანეთ მოპოვებული საქაღალდეები იმავე საქაღალდეში, როგორც თქვენი ვებ - გვერდის HTML ფაილები
გახსენით საქაღალდე, რომელიც შეიცავს თქვენი ვებგვერდის ყველა HTML ფაილს და გადაიტანეთ " css"და" js"საქაღალდეები, რომ გადაიტანოთ ისინი იმავე საქაღალდეში, როგორც თქვენი ვებსაიტის დოკუმენტები.
ახლა თქვენ შეგიძლიათ დაუკავშიროთ ფაილები თქვენს HTML ფაილებს და დაიწყოთ Bootstrap– ის გამოყენება თქვენს კოდში
ნაბიჯი 6. მარჯვენა ღილაკით დააწკაპუნეთ HTML ფაილზე, რომლის გამოყენებაც გსურთ Bootstrap– ით
თქვენ შეგიძლიათ გამოიყენოთ Bootstrap მხოლოდ ერთ თქვენს HTML ფაილში, ან ყველა მათგანში.
ნაბიჯი 7. მოათავსეთ ღილაკი Open with right-click menu
ქვე-მენიუ გამოჩნდება თავსებადი პროგრამებით.
ნაბიჯი 8. შეარჩიეთ თქვენი ტექსტური რედაქტორის პროგრამა
ეს გახსნის არჩეულ HTML ფაილს თქვენს ტექსტურ რედაქტორში.
თქვენ შეგიძლიათ გამოიყენოთ მარტივი ტექსტური რედაქტორი, როგორიცაა ბლოკნოტი ან TextEdit ასევე გამოყოფილი კოდის რედაქტორი, როგორიცაა ატომი (https://atom.io) ან კოდა (https://panic.com/coda).
ნაბიჯი 9. დაამატეთ Bootstrap ბმულები თქვენი HTML ფაილის სათაურში
სანამ გამოიყენებთ Bootstrap კოდს თქვენს HTML- ში, თქვენ უნდა ჩაწეროთ ან ჩასვათ ქვემოთ მოყვანილი ხაზები თქვენი კოდის სათაურში:
თუ გსურთ დააკავშიროთ და გამოიყენოთ სხვა ფაილები css და js საქაღალდეებიდან, უბრალოდ დაამატეთ ახალი ხაზები სათაურში და შეცვალეთ css/bootstrap.css და js/bootstrap.js ნაწილები თქვენთვის სასურველი ფაილებით. უკავშირებენ
ნაბიჯი 10. შეამოწმეთ თქვენი Bootstrap ბმულების განთავსება კოდში
HTML- ის სათაურში ორივე ხაზი უნდა იყოს განლაგებული ხაზებსა და ხაზს შორის.
- მას შემდეგ რაც დაამატებთ ამ ხაზებს სათაურში, შეგიძლიათ დაიწყოთ Bootstrap ელემენტების გამოყენება ამ HTML ფაილში.
- თქვენ შეგიძლიათ იპოვოთ ჩატვირთვის ყველა ელემენტის სრული სია https://getbootstrap.com/docs/4.3/getting-started/introduction. უბრალოდ დააწკაპუნეთ ნებისმიერ კატეგორიაზე, როგორიცაა განლაგება ან კომპონენტები მარცხენა მენიუში.
- მას შემდეგ რაც დააინსტალირებთ Bootstrap– ს, შეგიძლიათ ჩაწეროთ ან დააკოპიროთ/ჩასვათ ნებისმიერი ნაჭერი კოდი აქედან თქვენს კოდზე.