ይህ wikiHow እንዴት የ Bootstrap ፋይሎችን ወደ ኮምፒተርዎ ማውረድ እንደሚችሉ ያስተምሩዎታል ፣ እና በኮድዎ ውስጥ የ Bootstrap አባሎችን ለመጠቀም ከኤችቲኤምኤል ጽሑፎችዎ ጋር ያገናኙዋቸው። አንዴ የ Bootstrap ፋይሎችን ካወረዱ እና ካገናኙ በኋላ በድር ንድፍዎ ውስጥ ሁሉንም የ Bootstrap የቅጥ ሉህ እና የጃቫስክሪፕት አባሎችን መጠቀም መጀመር ይችላሉ።
ደረጃዎች
ደረጃ 1. በበይነመረብ አሳሽዎ ውስጥ የ Bootstrap ድር ጣቢያውን ይክፈቱ።
በአድራሻ አሞሌው ውስጥ https://getbootstrap.com ይተይቡ እና በቁልፍ ሰሌዳዎ ላይ ↵ አስገባ ወይም ⏎ ተመለስን ይጫኑ።
ደረጃ 2. የማውረድ አዝራሩን ጠቅ ያድርጉ።
ይህ “አውርድ” የሚለውን ገጽ ይከፍታል።
ደረጃ 3. ከዚህ በታች ያለውን የማውረድ ቁልፍን ጠቅ ያድርጉ “የተጠናቀረ CSS እና JS።
" ይህ የተሟላ የ Bootstrap ፋይሎችን እንደ ዚፕ ማህደር ወደ ኮምፒተርዎ ያወርዳል።
ከተጠየቁ ለ Bootstrap ZIP የማዳን ቦታ ይምረጡ።
ደረጃ 4. ፋይሎቹን ከዚፕ ማህደር ያውጡ።
አሁን የወረዱትን የዚፕ ፋይል ይፈልጉ እና በእሱ ውስጥ ያሉትን ሁሉንም ፋይሎች ወደ ተመሳሳይ አቃፊ ለማውጣት በእሱ ላይ ሁለቴ ጠቅ ያድርጉ።
- ይህ “የተሰየሙ ሁለት አቃፊዎችን ያወጣል። css"እና" js."
- የእርስዎ ዚፕተር መተግበሪያ ፋይሎቹን በራስ -ሰር ካላወጣ ፣ የዚፕ ማህደርን ወደ ውጭ መላክ የሚችሉባቸውን መንገዶች ሁሉ ለማየት ይህንን ጽሑፍ ይመልከቱ።
ደረጃ 5. የተወሰዱ አቃፊዎችን እንደ የድር ጣቢያዎ የኤችቲኤምኤል ፋይሎች ወደ ተመሳሳይ አቃፊ ያንቀሳቅሱ።
ሁሉንም የድር ጣቢያዎን የኤችቲኤምኤል ፋይሎች የያዘውን አቃፊ ይክፈቱ እና “ይጎትቱ” css"እና" js “እዚህ ያሉ አቃፊዎች እንደ እርስዎ የድር ጣቢያ ሰነዶች ወደ ተመሳሳይ አቃፊ ለማዛወር።
አሁን ፋይሎቹን ከኤችቲኤምኤል ፋይሎችዎ ጋር ማገናኘት እና በኮድዎ ውስጥ Bootstrap ን መጠቀም መጀመር ይችላሉ።
ደረጃ 6. ከ Bootstrap ጋር ለመጠቀም የሚፈልጉትን የኤችቲኤምኤል ፋይል በቀኝ ጠቅ ያድርጉ።
በአንዱ የኤችቲኤምኤል ፋይሎችዎ ወይም በሁሉም ውስጥ Bootstrap ን መጠቀም ይችላሉ።
ደረጃ 7. በቀኝ ጠቅታ ምናሌው ላይ ይክፈቱ።
ንዑስ ምናሌ ተኳሃኝ ከሆኑ መተግበሪያዎች ጋር ብቅ ይላል።
ደረጃ 8. የጽሑፍ አርታዒ ፕሮግራምዎን ይምረጡ።
ይህ በጽሑፍ አርታኢዎ ውስጥ የተመረጠውን የኤችቲኤምኤል ፋይል ይከፍታል።
እንደ ቀላል የጽሑፍ አርታዒን መጠቀም ይችላሉ ማስታወሻ ደብተር ወይም ጽሑፍ ኢዲት እንዲሁም እንደ ራሱን የወሰነ ኮድ አርታዒ አቶም (https://atom.io) ወይም ኮዳ (https://panic.com/coda)።
ደረጃ 9. ወደ ኤችቲኤምኤል ፋይልዎ ራስጌ የ Bootstrap አገናኞችን ያክሉ።
በኤችቲኤምኤልዎ ውስጥ የ Bootstrap ኮድ ከመጠቀምዎ በፊት ከዚህ በታች ያሉትን መስመሮች በኮድዎ ራስጌ ላይ መተየብ ወይም መለጠፍ አለብዎት።
አንዳንድ ሌሎች ፋይሎችን ከ css እና js አቃፊዎች ጋር ማገናኘት እና መጠቀም ከፈለጉ ፣ አዲስ መስመሮችን ወደ ራስጌው ብቻ ያክሉ እና የ css/bootstrap.css እና js/bootstrap.js ክፍሎችን በሚፈልጓቸው ፋይሎች ስም ይተኩ። ለማገናኘት።
ደረጃ 10. በኮድ ውስጥ የእርስዎን የ Bootstrap አገናኞች አቀማመጥ ያረጋግጡ።
በኤችቲኤምኤል ራስጌ ውስጥ ሁለቱም መስመሮች በመስመሮቹ እና በመስመሩ መካከል መቀመጥ አለባቸው።
- አንዴ እነዚህን መስመሮች ወደ ራስጌው ካከሉ ፣ በዚህ የኤችቲኤምኤል ፋይል ውስጥ የ Bootstrap አባሎችን መጠቀም መጀመር ይችላሉ።
- በ https://getbootstrap.com/docs/4.3/getting-started/introduction ላይ ሁሉንም የ Bootstrap አባሎች ሙሉ ዝርዝር ማግኘት ይችላሉ። ልክ ማንኛውንም ምድብ ጠቅ ያድርጉ አቀማመጥ ወይም አካላት በግራ ምናሌው ላይ።
- Bootstrap ን አንዴ ከጫኑ ማንኛውንም የኮድ ቁራጭ ከዚህ ወደ የራስዎ ኮድ ማስገባት ወይም መቅዳት/መለጠፍ ይችላሉ።