Šajā rakstā wikiHow tiek mācīts, kā datorā lejupielādēt Bootstrap failus un saistīt tos ar HTML tekstiem, lai kodā izmantotu Bootstrap elementus. Kad esat lejupielādējis un saistījis Bootstrap failus, varat sākt izmantot visus Bootstrap stila lapas un JavaScript elementus savā tīmekļa dizainā.
Soļi
1. solis. Atveriet Bootstrap vietni savā interneta pārlūkprogrammā
Adreses joslā ierakstiet https://getbootstrap.com un tastatūrā nospiediet ↵ Enter vai ⏎ Return.
2. solis. Noklikšķiniet uz pogas Lejupielādēt
Tādējādi tiks atvērta lapa "Lejupielādēt".
Solis 3. Noklikšķiniet uz pogas Lejupielādēt zemāk "Apkopoti CSS un JS
" Tas lejupielādēs visus Bootstrap failus datorā kā ZIP arhīvu.
Ja tiek prasīts, izvēlieties Bootstrap ZIP saglabāšanas vietu
Solis 4. Izvelciet failus no ZIP arhīva
Atrodiet tikko lejupielādēto ZIP failu un veiciet dubultklikšķi uz tā, lai tajā esošos failus izvilktu tajā pašā mapē.
- Tādējādi tiks iegūtas divas mapes ar nosaukumu " css" un " js."
- Ja lietotne unzipper automātiski neizgūst failus, skatiet šo rakstu, lai uzzinātu visus veidus, kā eksportēt ZIP arhīvu.
5. solis. Pārvietojiet iegūtās mapes uz to pašu mapi, kurā atrodas jūsu vietnes HTML faili
Atveriet mapi, kurā ir visi jūsu vietnes HTML faili, un velciet " css" un " js"mapes, lai tās pārvietotu uz to pašu mapi, kurā atrodas jūsu vietnes dokumenti.
Tagad varat saistīt failus ar saviem HTML failiem un sākt izmantot Bootstrap savā kodā
6. solis. Ar peles labo pogu noklikšķiniet uz HTML faila, kuru vēlaties izmantot kopā ar Bootstrap
Bootstrap varat izmantot tikai vienā HTML failā vai visos.
7. solis. Ar peles labo pogu noklikšķiniet uz izvēlnes
Parādīsies apakšizvēlne ar saderīgām lietotnēm.
8. solis. Izvēlieties teksta redaktora programmu
Tas atvērs atlasīto HTML failu teksta redaktorā.
Varat izmantot vienkāršu teksta redaktoru, piemēram Piezīmju grāmatiņa vai TextEdit kā arī īpašu koda redaktoru, piemēram Atom (https://atom.io) vai Coda (https://panic.com/coda).
9. solis. Pievienojiet Bootstrap saites sava HTML faila galvenei
Pirms Bootstrap koda izmantošanas savā HTML, koda galvenē ir jāievada vai jāielīmē tālāk norādītās rindiņas.
Ja vēlaties saistīt un izmantot dažus citus failus no mapēm css un js, vienkārši pievienojiet galvenei jaunas rindas un aizstājiet css/bootstrap.css un js/bootstrap.js daļas ar vajadzīgo failu nosaukumiem. savienot
10. solis. Pārbaudiet Bootstrap saišu izvietojumu kodā
HTML galvenē abām rindām jāatrodas starp līnijām un līniju.
- Kad esat pievienojis šīs rindiņas galvenei, varat sākt izmantot Bootstrap elementus šajā HTML failā.
- Pilnu visu Bootstrap elementu sarakstu varat atrast vietnē https://getbootstrap.com/docs/4.3/getting-started/introduction. Vienkārši noklikšķiniet uz jebkuras kategorijas, piemēram Izkārtojums vai Sastāvdaļas kreisajā izvēlnē.
- Kad esat instalējis Bootstrap, no šejienes varat ievietot vai kopēt/ielīmēt jebkuru koda daļu savā kodā.