Това wikiHow ви учи как да изтеглите Bootstrap файловете на вашия компютър и да ги свържете с HTML текстовете си, за да използвате елементите на Bootstrap във вашия код. След като изтеглите и свържете файловете на Bootstrap, можете да започнете да използвате всички стилови таблици и JavaScript елементи на Bootstrap във вашия уеб дизайн.
Стъпки
Стъпка 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. Щракнете с десния бутон върху HTML файла, който искате да използвате с Bootstrap
Можете да използвате Bootstrap само в един от вашите HTML файлове или във всички тях.
Стъпка 7. Задръжте курсора на мишката върху Open с менюто с десен бутон
Ще се появи подменю със съвместими приложения.
Стъпка 8. Изберете вашата програма за текстов редактор
Това ще отвори избрания HTML файл във вашия текстов редактор.
Можете да използвате прост текстов редактор като Бележник или TextEdit както и специален редактор на кодове като Атом (https://atom.io) или Coda (https://panic.com/coda).
Стъпка 9. Добавете връзките Bootstrap към заглавката на вашия HTML файл
Преди да използвате кода на Bootstrap във вашия HTML, ще трябва да въведете или поставите редовете по -долу в заглавката на вашия код:
Ако искате да свържете и използвате някои от другите файлове от папките css и js, просто добавете нови редове в заглавката и заменете частите css/bootstrap.css и js/bootstrap.js с имената на файловете, които искате да се свърже
Стъпка 10. Проверете разположението на вашите Bootstrap връзки в кода
В заглавката на HTML и двата реда трябва да бъдат разположени между редовете и реда.
- След като добавите тези редове към заглавката, можете да започнете да използвате Bootstrap елементи в този HTML файл.
- Можете да намерите пълен списък на всички елементи на Bootstrap на адрес https://getbootstrap.com/docs/4.3/getting-started/introduction. Просто щракнете върху всяка категория като Оформление или Компоненти в лявото меню.
- След като инсталирате Bootstrap, можете да вмъкнете или копирате/поставите всяко парче код от тук във вашия собствен код.