Ez a wikiHow megtanítja, hogyan töltse le a Bootstrap fájlokat a számítógépére, és kapcsolja össze azokat a HTML szövegeivel, hogy a Bootstrap elemeket használhassa a kódban. Miután letöltötte és összekapcsolta a Bootstrap fájlokat, elkezdheti használni a Bootstrap összes stíluslapját és JavaScript -elemét a webdesignban.
Lépések
1. lépés Nyissa meg a Bootstrap webhelyet az internetböngészőben
Írja be a https://getbootstrap.com címet a címsorba, majd nyomja meg az ↵ Enter vagy a ⏎ Return billentyűt.
2. lépés: Kattintson a Letöltés gombra
Ezzel megnyílik a "Letöltés" oldal.
Lépés 3. Kattintson az alábbi "Letöltés" gombra "Fordított CSS és JS
" Ezzel letöltheti a teljes Bootstrap fájlokat a számítógépére ZIP archívumként.
Ha a rendszer kéri, válasszon mentési helyet a Bootstrap ZIP fájlhoz
Lépés 4. Bontsa ki a fájlokat a ZIP archívumból
Keresse meg az imént letöltött ZIP fájlt, és kattintson duplán a fájlra, hogy kicsomagolja az összes fájlt ugyanabba a mappába.
- Ez két mappát fog kibontani " css"és" js."
- Ha az unzipper alkalmazás nem vonja ki automatikusan a fájlokat, olvassa el ezt a cikket, hogy megtudja, hogyan exportálhat ZIP archívumot.
5. lépés. Mozgassa a kibontott mappákat ugyanabba a mappába, mint a webhely HTML -fájljai
Nyissa meg azt a mappát, amely a webhely összes HTML -fájlját tartalmazza, és húzza a css"és" js"mappákat, hogy áthelyezze őket a webhely dokumentumaival azonos mappába.
Most összekapcsolhatja a fájlokat a HTML -fájlokkal, és elkezdheti a Bootstrap használatát a kódban
6. lépés: Kattintson a jobb gombbal a Bootstrap alkalmazásban használni kívánt HTML-fájlra
A Bootstrap csak az egyik HTML -fájlban, vagy mindegyikben használható.
7. Léptesse az egérmutatót a jobb egérgombbal megnyíló menü Megnyitás gombra
Egy almenü jelenik meg a kompatibilis alkalmazásokkal.
8. lépés Válassza ki a szövegszerkesztő programot
Ez megnyitja a kiválasztott HTML -fájlt a szövegszerkesztőben.
Használhat egy egyszerű szövegszerkesztőt, például Jegyzettömb vagy TextEdit valamint egy dedikált kódszerkesztő Atom (https://atom.io) vagy Kóda (https://panic.com/coda).
9. lépés. Adja hozzá a Bootstrap linkeket a HTML -fájl fejlécéhez
Mielőtt a Bootstrap kódot használná a HTML -ben, be kell írnia vagy be kell illesztenie az alábbi sorokat a kód fejlécébe:
Ha össze szeretné kapcsolni és használni szeretné a css és js mappák más fájljait, csak adjon hozzá új sorokat a fejléchez, és cserélje le a css/bootstrap.css és js/bootstrap.js részeket a kívánt fájlok nevével. linkelni
10. lépés: Ellenőrizze a Bootstrap linkek elhelyezését a kódban
A HTML fejlécében mindkét sort a sorok és a sor között kell elhelyezni.
- Miután hozzáadta ezeket a sorokat a fejléchez, elkezdheti használni a Bootstrap elemeket ebben a HTML -fájlban.
- Az összes Bootstrap elem teljes listáját megtalálja a https://getbootstrap.com/docs/4.3/getting-started/introduction oldalon. Csak kattintson bármelyik kategóriára, mint például Elrendezés vagy Alkatrészek a bal oldali menüben.
- A Bootstrap telepítése után innen bármilyen kódrészletet beszúrhat vagy másolhat/beilleszthet saját kódjába.