Tento wikiHow vás naučí, jak stáhnout soubory Bootstrap do počítače a propojit je s texty HTML, abyste ve svém kódu použili prvky Bootstrap. Jakmile si stáhnete a propojíte soubory Bootstrap, můžete začít používat ve svém webovém designu všechny styly a prvky JavaScript nástroje Bootstrap.
Kroky
Krok 1. Otevřete webovou stránku Bootstrap ve svém internetovém prohlížeči
Do adresního řádku zadejte https://getbootstrap.com a na klávesnici stiskněte klávesu ↵ Enter nebo ⏎ Return.
Krok 2. Klikněte na tlačítko Stáhnout
Otevře se stránka „Stáhnout“.
Krok 3. Klikněte na tlačítko Stáhnout pod „Kompilované CSS a JS
" Tím se stáhnou kompletní soubory Bootstrap do vašeho počítače jako ZIP archiv.
Pokud se zobrazí výzva, vyberte místo uložení pro Bootstrap ZIP
Krok 4. Extrahujte soubory z archivu ZIP
Najděte soubor ZIP, který jste právě stáhli, a dvojitým kliknutím na něj rozbalte všechny soubory v něm do stejné složky.
- Tím se extrahují dvě složky s názvem " css" a " js."
- Pokud vaše aplikace pro rozbalení soubory automaticky nerozbalí, podívejte se v tomto článku na všechny způsoby, jak můžete exportovat archiv ZIP.
Krok 5. Přesuňte extrahované složky do stejné složky jako soubory HTML vašeho webu
Otevřete složku, která obsahuje všechny soubory HTML vašeho webu, a přetáhněte css" a " js"Zde je můžete přesunout do stejné složky jako dokumenty na vašem webu.
Nyní můžete soubory propojit se soubory HTML a v kódu začít používat Bootstrap
Krok 6. Klepněte pravým tlačítkem myši na soubor HTML, který chcete použít s Bootstrap
Bootstrap můžete použít pouze v jednom z vašich souborů HTML nebo ve všech.
Krok 7. Umístěte kurzor na Otevřít pomocí v nabídce pravým tlačítkem
Zobrazí se podnabídka s kompatibilními aplikacemi.
Krok 8. Vyberte program pro textový editor
Otevře se vybraný soubor HTML ve vašem textovém editoru.
Můžete použít jednoduchý textový editor jako poznámkový blok nebo Upravit text stejně jako vyhrazený editor kódu jako Atom (https://atom.io) nebo Coda (https://panic.com/coda).
Krok 9. Přidejte odkazy Bootstrap do záhlaví souboru HTML
Před použitím kódu Bootstrap v HTML budete muset do záhlaví kódu zadat nebo vložit následující řádky:
Pokud chcete propojit a použít některé další soubory ze složek css a js, přidejte do záhlaví nové řádky a nahraďte části css/bootstrap.css a js/bootstrap.js názvy požadovaných souborů. propojit
Krok 10. Zkontrolujte umístění odkazů Bootstrap v kódu
V záhlaví HTML by měly být oba řádky umístěny mezi řádky a řádkem.
- Jakmile do záhlaví přidáte tyto řádky, můžete v tomto souboru HTML začít používat prvky Bootstrap.
- Úplný seznam všech prvků Bootstrap najdete na https://getbootstrap.com/docs/4.3/getting-started/introduction. Stačí kliknout na libovolnou kategorii jako Rozložení nebo Komponenty v nabídce vlevo.
- Jakmile nainstalujete Bootstrap, můžete odtud vložit nebo zkopírovat/vložit libovolný kus kódu do vlastního kódu.