Tento wikiHow vás naučí sťahovať súbory Bootstrap do počítača a prepojiť ich s textami HTML, aby ste vo svojom kóde mohli používať prvky Bootstrap. Akonáhle si stiahnete a prepojíte súbory Bootstrap, môžete začať používať všetky štýly a prvky JavaScript programu Bootstrap vo svojom webovom dizajne.
Kroky
Krok 1. Vo svojom internetovom prehliadači otvorte webovú stránku Bootstrap
Do panela s adresou zadajte https://getbootstrap.com a na klávesnici stlačte kláves ↵ Enter alebo ⏎ Return.
Krok 2. Kliknite na tlačidlo Stiahnuť
Tým sa otvorí stránka „Stiahnuť“.
Krok 3. Kliknite na tlačidlo Stiahnuť nižšie „Kompilované CSS a JS
" Tým sa stiahnu kompletné súbory Bootstrap do vášho počítača ako ZIP archív.
Ak sa zobrazí výzva, vyberte miesto uloženia pre súbor Bootstrap ZIP
Krok 4. Extrahujte súbory z archívu ZIP
Nájdite súbor ZIP, ktorý ste práve stiahli, a dvakrát naň kliknite, čím extrahujete všetky súbory v ňom do rovnakého priečinka.
- Tým sa extrahujú dva priečinky s názvom „ css"a" js."
- Ak aplikácia na rozbalenie súborov automaticky neextrahuje, v tomto článku nájdete všetky spôsoby, ako môžete exportovať archív ZIP.
Krok 5. Extrahované priečinky presuňte do rovnakého priečinka ako súbory HTML vašich webových stránok
Otvorte priečinok, ktorý obsahuje všetky súbory HTML vášho webu, a presuňte ikonu css"a" js"priečinky sem, ak ich chcete presunúť do rovnakého priečinka ako dokumenty vašich webových stránok.
Teraz môžete súbory prepojiť so súbormi HTML a v kóde začať používať nástroj Bootstrap
Krok 6. Kliknite pravým tlačidlom myši na súbor HTML, ktorý chcete použiť s nástrojom Bootstrap
Bootstrap môžete použiť iba v jednom z vašich súborov HTML alebo vo všetkých.
Krok 7. Ukážte na položku Otvoriť pomocou v ponuke pravým tlačidlom myši
Zobrazí sa podponuka s kompatibilnými aplikáciami.
Krok 8. Vyberte program pre textový editor
Vybratý súbor HTML sa otvorí vo vašom textovom editore.
Môžete použiť jednoduchý textový editor ako Poznámkový blok alebo TextEdit ako aj vyhradený editor kódu ako Atom (https://atom.io) alebo Coda (https://panic.com/coda).
Krok 9. Pridajte odkazy Bootstrap do hlavičky súboru HTML
Pred použitím kódu Bootstrap v kóde HTML musíte zadať alebo prilepiť nasledujúce riadky do hlavičky kódu:
Ak chcete prepojiť a použiť niektoré ďalšie súbory z priečinkov css a js, stačí pridať nové riadky do hlavičky a časti css/bootstrap.css a js/bootstrap.js nahradiť názvami požadovaných súborov. prepojiť
Krok 10. Skontrolujte umiestnenie odkazov vášho bootstrapu v kóde
V hlavičke HTML by mali byť oba riadky umiestnené medzi riadkami a riadkom.
- Po pridaní týchto riadkov do hlavičky môžete začať používať prvky Bootstrap v tomto súbore HTML.
- Úplný zoznam všetkých prvkov Bootstrap nájdete na https://getbootstrap.com/docs/4.3/getting-started/introduction. Stačí kliknúť na ľubovoľnú kategóriu Rozloženie alebo Komponenty v ponuke vľavo.
- Hneď po inštalácii Bootstrapu môžete odtiaľto vložiť alebo skopírovať/prilepiť akýkoľvek kód do vlastného kódu.