Tämä wikiHow opettaa sinulle, miten voit ladata Bootstrap -tiedostot tietokoneellesi ja linkittää ne HTML -teksteihisi Bootstrap -elementtien käyttämiseksi koodissasi. Kun olet ladannut ja linkittänyt Bootstrap -tiedostot, voit alkaa käyttää kaikkia Bootstrapin tyylitauluja ja JavaScript -elementtejä verkkosivustossasi.
Askeleet
Vaihe 1. Avaa Bootstrap -sivusto Internet -selaimessasi
Kirjoita osoitepalkkiin https://getbootstrap.com ja paina näppäimistön ↵ Enter- tai ⏎ Return -näppäintä.
Vaihe 2. Napsauta Lataa -painiketta
Tämä avaa "Lataa" -sivun.
Vaihe 3. Napsauta alla olevaa Lataa -painiketta "Käännetty CSS ja JS
" Tämä lataa kaikki Bootstrap -tiedostot tietokoneellesi ZIP -arkistona.
Jos sinua kehotetaan, valitse Bootstrap ZIP: lle tallennuspaikka
Vaihe 4. Pura tiedostot ZIP -arkistosta
Etsi juuri lataamasi ZIP-tiedosto ja kaksoisnapsauta sitä, jos haluat purkaa kaikki tiedostot samaan kansioon.
- Tämä purkaa kaksi kansiota nimeltä " css"ja" js."
- Jos unzipper -sovelluksesi ei poimi tiedostoja automaattisesti, tutustu tähän artikkeliin nähdäksesi kaikki tapat viedä ZIP -arkiston.
Vaihe 5. Siirrä puretut kansiot samaan kansioon kuin verkkosivustosi HTML -tiedostot
Avaa kansio, joka sisältää kaikki sivustosi HTML -tiedostot, ja vedä css"ja" js"kansioita täällä siirtääksesi ne samaan kansioon kuin verkkosivustosi asiakirjat.
Voit nyt linkittää tiedostot HTML -tiedostoihisi ja aloittaa Bootstrapin käyttämisen koodissasi
Vaihe 6. Napsauta hiiren kakkospainikkeella Bootstrapin kanssa käytettävää HTML-tiedostoa
Voit käyttää Bootstrapia vain yhdessä HTML -tiedostossa tai kaikissa.
Vaihe 7. Vie hiiri hiiren kakkospainikkeella avautuvan valikon kohdalle Avaa kanssa
Näyttöön tulee alavalikko, jossa on yhteensopivia sovelluksia.
Vaihe 8. Valitse tekstieditori
Tämä avaa valitun HTML -tiedoston tekstieditorissa.
Voit käyttää yksinkertaista tekstieditoria, kuten Muistio tai TextEdit sekä omistettu koodieditori, kuten Atomi (https://atom.io) tai Coda (https://panic.com/coda).
Vaihe 9. Lisää Bootstrap -linkit HTML -tiedoston otsikkoon
Ennen kuin käytät Bootstrap -koodia HTML -koodissasi, sinun on kirjoitettava tai liitettävä alla olevat rivit koodisi otsikkoon:
Jos haluat linkittää ja käyttää joitakin muita tiedostoja css- ja js -kansioista, lisää vain uusia rivejä otsikkoon ja korvaa css/bootstrap.css- ja js/bootstrap.js -osat haluamiesi tiedostojen nimillä. yhdistää
Vaihe 10. Tarkista Bootstrap -linkkien sijainti koodissa
HTML -otsikossa molemmat rivit on sijoitettava rivien ja rivin väliin.
- Kun olet lisännyt nämä rivit otsikkoon, voit alkaa käyttää Bootstrap -elementtejä tässä HTML -tiedostossa.
- Löydät täydellisen luettelon kaikista Bootstrap-elementeistä osoitteessa https://getbootstrap.com/docs/4.3/getting-started/introduction. Napsauta vain mitä tahansa luokkaa Layout tai Komponentit vasemmassa valikossa.
- Kun olet asentanut Bootstrapin, voit lisätä tai kopioida/liittää minkä tahansa koodin täältä omalle koodillesi.