Hierdie wikiHow leer u hoe u die Bootstrap -lêers na u rekenaar kan aflaai en dit aan u HTML -tekste koppel om Bootstrap -elemente in u kode te gebruik. Sodra u die Bootstrap -lêers afgelaai en gekoppel het, kan u al die stylblad- en JavaScript -elemente van Bootstrap in u webontwerp begin gebruik.
Stappe
Stap 1. Maak die Bootstrap -webwerf in u internetblaaier oop
Tik https://getbootstrap.com in die adresbalk en druk ↵ Enter of ⏎ Return op u sleutelbord.
Stap 2. Klik op die Download -knoppie
Dit sal die bladsy "Aflaai" oopmaak.
Stap 3. Klik op die aflaai -knoppie hieronder "Saamgestel CSS en JS
" Dit sal die volledige Bootstrap -lêers as 'n zip -argief na u rekenaar aflaai.
As u gevra word, kies 'n stoorplek vir die Bootstrap -zip
Stap 4. Pak die lêers uit die zip -argief
Soek die zip-lêer wat u pas afgelaai het, en dubbelklik daarop om al die lêers daarin na dieselfde gids te onttrek.
- Dit onttrek twee vouers met die naam " css"en" js."
- As u rits -app die lêers nie outomaties uittrek nie, kyk dan na hierdie artikel om te sien hoe u 'n zip -argief kan uitvoer.
Stap 5. Beweeg die uitgepakte vouers na dieselfde gids as die HTML -lêers van u webwerf
Maak die gids oop wat al die HTML -lêers van u webwerf bevat, en sleep die ' css"en" js"dopgehou hier om dit na dieselfde gids as u webwerf -dokumente te skuif.
U kan die lêers nou aan u HTML -lêers koppel en Bootstrap in u kode begin gebruik
Stap 6. Klik met die rechtermuisknop op die HTML-lêer wat u met Bootstrap wil gebruik
U kan Bootstrap slegs in een van u HTML -lêers, of almal, gebruik.
Stap 7. Beweeg oor Open met in die regsklikkieslys
'N Subkieslys verskyn met versoenbare programme.
Stap 8. Kies u teksredigeerderprogram
Dit sal die geselekteerde HTML -lêer in u teksredigeerder oopmaak.
U kan 'n eenvoudige teksredakteur soos Notepad of TextEdit sowel as 'n toegewyde kode -redakteur soos Atoom (https://atom.io) of Coda (https://panic.com/coda).
Stap 9. Voeg die Bootstrap -skakels by die kop van u HTML -lêer
Voordat u Bootstrap -kode in u HTML gebruik, moet u die lyne hieronder in die kop van u kode tik of plak:
As u 'n paar van die ander lêers uit die css- en js -vouers wil koppel en voeg, voeg net nuwe reëls by die kop en vervang die dele css/bootstrap.css en js/bootstrap.js met die name van die lêers wat u wil hê na skakel
Stap 10. Kontroleer die plasing van u Bootstrap -skakels in die kode
In die HTML -kop moet beide reëls tussen die reëls en die reël geleë wees.
- Sodra u hierdie reëls by die opskrif gevoeg het, kan u Bootstrap -elemente in hierdie HTML -lêer begin gebruik.
- U kan 'n volledige lys van alle Bootstrap-elemente vind op https://getbootstrap.com/docs/4.3/getting-started/introduction. Klik net op enige kategorie soos Uitleg of Komponente in die linkerkieslys.
- Sodra u Bootstrap geïnstalleer het, kan u enige stuk kode van hier na u eie kode invoeg of kopieer/plak.