Mënyra të thjeshta për të instaluar Bootstrap: 10 hapa (me fotografi)

Përmbajtje:

Mënyra të thjeshta për të instaluar Bootstrap: 10 hapa (me fotografi)
Mënyra të thjeshta për të instaluar Bootstrap: 10 hapa (me fotografi)

Video: Mënyra të thjeshta për të instaluar Bootstrap: 10 hapa (me fotografi)

Video: Mënyra të thjeshta për të instaluar Bootstrap: 10 hapa (me fotografi)
Video: Заброшенный особняк политика за 3 500 000 долларов с частным бассейном (США) 2024, Prill
Anonim

Ky wikiHow ju mëson se si të shkarkoni skedarët Bootstrap në kompjuterin tuaj dhe t'i lidhni ato me tekstet tuaja HTML për të përdorur elementët Bootstrap në kodin tuaj. Pasi të shkarkoni dhe lidhni skedarët Bootstrap, mund të filloni të përdorni të gjithë elementët e stilit dhe JavaScript të Bootstrap në hartimin tuaj të uebit.

Hapa

Instaloni Bootstrap Hapi 1
Instaloni Bootstrap Hapi 1

Hapi 1. Hapni uebfaqen e Bootstrap në shfletuesin tuaj të internetit

Shkruani https://getbootstrap.com në shiritin e adresave dhe shtypni ↵ Enter ose ⏎ Kthehu në tastierën tuaj.

Instaloni Bootstrap Hapi 2
Instaloni Bootstrap Hapi 2

Hapi 2. Klikoni butonin Shkarkim

Kjo do të hapë faqen "Shkarkim".

Instaloni Bootstrap Hapi 3
Instaloni Bootstrap Hapi 3

Hapi 3. Klikoni butonin Shkarkim më poshtë "Përpiluar CSS dhe JS

" Kjo do të shkarkojë skedarët e plotë të Bootstrap në kompjuterin tuaj si një arkiv ZIP.

Nëse ju kërkohet, zgjidhni një vend ruajtjeje për ZIP Bootstrap

Instaloni Bootstrap Hapi 4
Instaloni Bootstrap Hapi 4

Hapi 4. Nxirrni skedarët nga arkivi ZIP

Gjeni skedarin ZIP që sapo shkarkuat dhe klikoni dy herë mbi të për të nxjerrë të gjithë skedarët në të në të njëjtën dosje.

  • Kjo do të nxjerrë dy dosje me emrin " css"dhe" js."
  • Nëse aplikacioni juaj unzipper nuk nxjerr automatikisht skedarët, shikoni këtë artikull për të parë të gjitha mënyrat se si mund të eksportoni një arkiv ZIP.
Instaloni Bootstrap Hapi 5
Instaloni Bootstrap Hapi 5

Hapi 5. Zhvendosni dosjet e nxjerra në të njëjtën dosje me skedarët HTML të faqes suaj të internetit

Hapni dosjen që përmban të gjithë skedarët HTML të faqes suaj të internetit dhe tërhiqni " css"dhe" js"dosjet këtu për t'i transferuar ato në të njëjtën dosje me dokumentet e faqes tuaj të internetit.

Tani mund t'i lidhni skedarët me skedarët tuaj HTML dhe të filloni të përdorni Bootstrap në kodin tuaj

Instaloni Bootstrap Hapi 6
Instaloni Bootstrap Hapi 6

Hapi 6. Klikoni me të djathtën në skedarin HTML që dëshironi të përdorni me Bootstrap

Ju mund të përdorni Bootstrap në vetëm një nga skedarët tuaj HTML, ose të gjithë.

Instaloni Bootstrap Hapi 7
Instaloni Bootstrap Hapi 7

Hapi 7. Rri pezull mbi Open me në menunë e klikimit të djathtë

Një nën-menu do të shfaqet me aplikacione të pajtueshme.

Instaloni Bootstrap Hapi 8
Instaloni Bootstrap Hapi 8

Hapi 8. Zgjidhni programin tuaj të redaktuesit të tekstit

Kjo do të hapë skedarin HTML të zgjedhur në redaktuesin tuaj të tekstit.

Ju mund të përdorni një redaktues teksti të thjeshtë si Notepad ose Redakto tekstin si dhe një redaktues të dedikuar të kodeve si Atom (https://atom.io) ose Coda (https://panic.com/coda).

Instaloni Bootstrap Hapi 9
Instaloni Bootstrap Hapi 9

Hapi 9. Shtoni lidhjet Bootstrap në kokën e skedarit tuaj HTML

Para se të përdorni kodin Bootstrap në HTML -in tuaj, do t'ju duhet të shtypni ose ngjisni rreshtat më poshtë në kokën e kodit tuaj:

Nëse dëshironi të lidhni dhe përdorni disa nga skedarët e tjerë nga dosjet css dhe js, thjesht shtoni rreshta të rinj në kokë dhe zëvendësoni pjesët css/bootstrap.css dhe js/bootstrap.js me emrat e skedarëve që dëshironi për të lidhur

Instaloni Bootstrap Hapi 10
Instaloni Bootstrap Hapi 10

Hapi 10. Kontrolloni vendosjen e lidhjeve tuaja Bootstrap në kod

Në kokën e HTML, të dy linjat duhet të vendosen midis rreshtave dhe vijës.

  • Pasi t'i shtoni këto rreshta në kokë, mund të filloni të përdorni elementë Bootstrap në këtë skedar HTML.
  • Ju mund të gjeni një listë të plotë të të gjithë elementëve të Bootstrap në https://getbootstrap.com/docs/4.3/getting-started/introduction. Thjesht klikoni çdo kategori si Paraqitja ose Komponentët në menunë e majtë.
  • Pasi të instaloni Bootstrap, mund të futni ose kopjoni/ngjisni ndonjë pjesë të kodit nga këtu në kodin tuaj.

Recommended: