Txoj hauv kev yooj yim rau nruab Bootstrap: 10 Kauj Ruam (nrog Duab)

Cov txheej txheem:

Txoj hauv kev yooj yim rau nruab Bootstrap: 10 Kauj Ruam (nrog Duab)
Txoj hauv kev yooj yim rau nruab Bootstrap: 10 Kauj Ruam (nrog Duab)

Video: Txoj hauv kev yooj yim rau nruab Bootstrap: 10 Kauj Ruam (nrog Duab)

Video: Txoj hauv kev yooj yim rau nruab Bootstrap: 10 Kauj Ruam (nrog Duab)
Video: Vajtswv Txojlus 👉 Mlooj Vajluskub Phau Lukas 01-24 [Nom Vaj Tsab] 2024, Tej zaum
Anonim

Qhov wikiHow qhia koj li cas rub tawm Bootstrap cov ntaub ntawv rau koj lub khoos phis tawj, thiab txuas lawv rau koj cov ntawv HTML kom siv Bootstrap cov ntsiab lus hauv koj cov cai. Thaum koj rub tawm thiab txuas Bootstrap cov ntaub ntawv, koj tuaj yeem pib siv txhua tus qauv thiab cov ntsiab lus JavaScript ntawm Bootstrap hauv koj lub vev xaib tsim.

Cov kauj ruam

Nruab Bootstrap Kauj Ruam 1
Nruab Bootstrap Kauj Ruam 1

Kauj Ruam 1. Qhib Bootstrap lub vev xaib hauv koj tus browser

Ntaus https://getbootstrap.com rau hauv qhov chaw nyob bar, thiab nias ↵ Enter lossis ⏎ Rov qab los ntawm koj cov keyboard.

Nruab Bootstrap Kauj Ruam 2
Nruab Bootstrap Kauj Ruam 2

Kauj ruam 2. Nyem rau Rub lub pob

Qhov no yuav qhib nplooj ntawv "Download".

Nruab Bootstrap Kauj Ruam 3
Nruab Bootstrap Kauj Ruam 3

Kauj Ruam 3. Nyem rau Rub lub pob hauv qab no "Ua ke CSS thiab JS

" Qhov no yuav rub tawm cov ntaub ntawv Bootstrap tiav rau koj lub khoos phis tawj raws li ZIP cov ntaub ntawv.

Yog tias koj tau txais kev ceeb toom, xaiv qhov chaw txuag rau Bootstrap ZIP

Nruab Bootstrap Kauj Ruam 4
Nruab Bootstrap Kauj Ruam 4

Kauj Ruam 4. Tshem cov ntaub ntawv los ntawm ZIP archive

Nrhiav ZIP cov ntaub ntawv koj nyuam qhuav rub tawm, thiab ob npaug nias rau nws txhawm rau rho tawm txhua cov ntaub ntawv hauv nws mus rau tib daim nplaub tshev.

  • Qhov no yuav rho tawm ob lub npe hu ua " css ua"thiab" js."
  • Yog tias koj lub unzipper app tsis tau txais cov ntaub ntawv rho tawm, tshawb xyuas kab lus no kom pom txhua txoj hauv kev koj tuaj yeem xa tawm ZIP archive.
Nruab Bootstrap Kauj Ruam 5
Nruab Bootstrap Kauj Ruam 5

Kauj Ruam 5. Tshem cov ntawv rho tawm mus rau tib daim nplaub tshev zoo li koj lub vev xaib HTML cov ntaub ntawv

Qhib daim nplaub tshev uas muaj tag nrho koj lub vev xaib cov ntaub ntawv HTML, thiab rub " css ua"thiab" js"cov ntawv khaws cia ntawm no kom txav lawv mus rau tib lub nplaub tshev ib yam li koj lub vev xaib cov ntaub ntawv.

Tam sim no koj tuaj yeem txuas cov ntawv rau koj cov ntaub ntawv HTML, thiab pib siv Bootstrap hauv koj cov cai

Nruab Bootstrap Kauj Ruam 6
Nruab Bootstrap Kauj Ruam 6

Kauj Ruam 6. Txoj cai-nias qhov HTML ntawv koj xav siv nrog Bootstrap

Koj tuaj yeem siv Bootstrap hauv ib qho ntawm koj cov ntaub ntawv HTML, lossis tag nrho lawv.

Nruab Bootstrap Kauj Ruam 7
Nruab Bootstrap Kauj Ruam 7

Kauj Ruam 7. Hover dua Qhib nrog rau ntawm txoj cai-nias cov ntawv qhia zaub mov

Cov ntawv qhia zaub mov me me yuav tshwm nrog cov apps sib xws.

Nruab Bootstrap Kauj Ruam 8
Nruab Bootstrap Kauj Ruam 8

Kauj Ruam 8. Xaiv koj qhov program editor

Qhov no yuav qhib cov ntawv HTML uas tau xaiv hauv koj cov ntawv sau.

Koj tuaj yeem siv cov ntawv nyeem yooj yim zoo li Notepad los yog TextEdit nrog rau tus kws kho mob tshwj xeeb zoo li Atom (https://atom.io) lub Coda (https://panic.com/coda).

Nruab Bootstrap Kauj Ruam 9
Nruab Bootstrap Kauj Ruam 9

Kauj Ruam 9. Ntxiv Bootstrap txuas rau koj cov ntaub ntawv HTML lub taub hau

Ua ntej siv Bootstrap code hauv koj li HTML, koj yuav tsum ntaus lossis muab kab hauv qab no rau hauv kab ntawv ntawm koj lub chaws:

Yog tias koj xav txuas thiab siv qee yam ntawm lwm cov ntaub ntawv los ntawm css thiab js cov ntawv, tsuas yog ntxiv kab tshiab rau hauv kab ntawv, thiab hloov css/bootstrap.css thiab js/bootstrap.js ntu nrog cov npe ntawm cov ntaub ntawv koj xav tau txuas

Nruab Bootstrap Kauj Ruam 10
Nruab Bootstrap Kauj Ruam 10

Kauj Ruam 10. Txheeb xyuas qhov kev tso koj li Bootstrap txuas rau hauv txoj cai

Hauv HTML lub taub hau, ob kab yuav tsum nyob nruab nrab ntawm kab thiab kab.

  • Thaum koj ntxiv cov kab no rau hauv kab ntawv, koj tuaj yeem pib siv Bootstrap cov ntsiab lus hauv cov ntawv HTML no.
  • Koj tuaj yeem pom cov npe tag nrho ntawm tag nrho Bootstrap ntsiab lus ntawm https://getbootstrap.com/docs/4.3/getting-started/introduction. Tsuas yog nyem ib qeb nyiam Txheej txheem los yog Cheebtsam ntawm sab laug-ntawv qhia zaub mov.
  • Thaum koj nruab Bootstrap, koj tuaj yeem ntxig lossis luam/muab ib qho ntawm cov cai los ntawm no rau koj tus lej.

Pom zoo: