Այս wikiHow- ը սովորեցնում է ձեզ, թե ինչպես ներբեռնել Bootstrap ֆայլերը ձեր համակարգչում և դրանք կապել ձեր HTML տեքստերին `ձեր ծածկագրում Bootstrap տարրերն օգտագործելու համար: Երբ ներբեռնեք և կապեք Bootstrap ֆայլերը, ձեր վեբ ձևավորման մեջ կարող եք սկսել օգտագործել Bootstrap- ի բոլոր ոճաթերթերը և JavaScript տարրերը:
Քայլեր
Քայլ 1. Բացեք Bootstrap կայքը ձեր ինտերնետային դիտարկիչում:
Հասցեների բարում մուտքագրեք https://getbootstrap.com և սեղմեք ↵ Enter կամ urn Return ձեր ստեղնաշարի վրա:
Քայլ 2. Սեղմեք Ներբեռնում կոճակը:
Սա կբացի «Ներբեռնում» էջը:
Քայլ 3. Սեղմեք ներքևում գտնվող Ներբեռնման կոճակը «Կազմված CSS և JS
" Սա ներբեռնելու է Bootstrap- ի ամբողջական ֆայլերը ձեր համակարգչում ՝ որպես ZIP արխիվ:
Եթե Ձեզ հուշվի, ընտրեք Bootstrap ZIP- ի պահման վայրը:
Քայլ 4. Ֆայլերը հանեք ZIP արխիվից:
Գտեք նոր ներբեռնած ZIP ֆայլը և կրկնակի կտտացրեք դրա վրա ՝ դրանում առկա բոլոր ֆայլերը նույն պանակում հանելու համար:
- Սա կհեռացնի երկու թղթապանակ անունով " css"և" js."
- Եթե ձեր unzipper ծրագիրը ինքնաբերաբար չի հանում ֆայլերը, ստուգեք այս հոդվածը ՝ ZIP արխիվ արտահանելու բոլոր եղանակները տեսնելու համար:
Քայլ 5. Տեղափոխված արդյունահանվող թղթապանակները տեղափոխեք նույն պանակը, ինչ ձեր վեբ կայքի HTML ֆայլերը:
Բացեք թղթապանակը, որը պարունակում է ձեր կայքի բոլոր HTML ֆայլերը և քաշեք « css"և" js «թղթապանակներ ՝ դրանք ձեր կայքի փաստաթղթերի հետ նույն պանակ տեղափոխելու համար:
Այժմ կարող եք ֆայլերը կապել ձեր HTML ֆայլերի հետ և սկսել օգտագործել Bootstrap- ը ձեր ծածկագրում:
Քայլ 6. Աջ սեղմեք HTML ֆայլին, որը ցանկանում եք օգտագործել Bootstrap- ի հետ:
Դուք կարող եք օգտագործել Bootstrap- ը ձեր HTML ֆայլերից միայն մեկում կամ բոլորում:
Քայլ 7. Տեղադրեք սլաքը Open- ի վրա `աջ սեղմումով ընտրացանկում:
Ենթամենյու կբացվի համատեղելի ծրագրերով:
Քայլ 8. Ընտրեք ձեր տեքստային խմբագրիչի ծրագիրը:
Սա կբացի ընտրված HTML ֆայլը ձեր տեքստային խմբագրիչում:
Դուք կարող եք օգտագործել պարզ տեքստային խմբագիր, ինչպիսին է Գրառման գրքույկ կամ TextEdit ինչպես նաև նվիրված կոդերի խմբագիր, ինչպիսին է Ատոմ (https://atom.io) կամ Կոդա (https://panic.com/coda):
Քայլ 9. Ավելացրեք Bootstrap- ի հղումները ձեր HTML ֆայլի վերնագրին:
Նախքան ձեր HTML- ում Bootstrap կոդը օգտագործելը, դուք պետք է մուտքագրեք կամ տեղադրեք ստորև նշված տողերը ձեր ծածկագրի վերնագրում.
Եթե ցանկանում եք css և js պանակներից միացնել և օգտագործել որոշ այլ ֆայլեր, պարզապես վերնագրում ավելացրեք նոր տողեր և փոխարինեք css/bootstrap.css և js/bootstrap.js մասերը ձեր ուզած ֆայլերի անուններով: կապել
Քայլ 10. Ստուգեք ձեր Bootstrap հղումների տեղադրությունը ծածկագրում:
HTML- ի վերնագրում երկու տողերը պետք է տեղակայված լինեն տողերի և տողի միջև:
- Այս տողերը վերնագրին ավելացնելուց հետո կարող եք սկսել օգտագործել Bootstrap տարրերը այս HTML ֆայլում:
- Bootstrap- ի բոլոր տարրերի ամբողջական ցանկը կարող եք գտնել այստեղ ՝ https://getbootstrap.com/docs/4.3/getting-started/introduction: Պարզապես կտտացրեք ցանկացած կատեգորիայի նման Դասավորություն կամ Բաղադրիչներ ձախ ընտրացանկում:
- Տեղադրելով Bootstrap- ը ՝ այստեղից կարող եք տեղադրել կամ պատճենել/տեղադրեք ցանկացած կտոր կոդ ձեր սեփական կոդի մեջ:
