ዝርዝር ሁኔታ:

መተግበሪያ ምላሽ ለመስጠት እንዴት ቡትስትራፕ 4ን ማከል እችላለሁ?
መተግበሪያ ምላሽ ለመስጠት እንዴት ቡትስትራፕ 4ን ማከል እችላለሁ?

ቪዲዮ: መተግበሪያ ምላሽ ለመስጠት እንዴት ቡትስትራፕ 4ን ማከል እችላለሁ?

ቪዲዮ: መተግበሪያ ምላሽ ለመስጠት እንዴት ቡትስትራፕ 4ን ማከል እችላለሁ?
ቪዲዮ: ማሳካት የምንፈልገውን እንዴት እንሞክር! @DawitDreams 2024, ግንቦት
Anonim

Bootstrap በማከል ላይ ውስጥ ምላሽ ይስጡ NPM በመጠቀም

በኋላ በመጫን ላይ የ የቡት ማሰሪያ ጥቅል, ያስፈልግዎታል አስመጣ በእርስዎ ውስጥ ነው። መተግበሪያ ምላሽ ይስጡ የመግቢያ ፋይል. በመቀጠል ወደ src/index ይሂዱ። js ፋይል እና ጨምር የሚከተሉት ማስመጣቶች አስመጣ $ ከ 'jquery'; አስመጣ ፖፐር ከ 'ፖፐር.

ይህንን ከግምት ውስጥ በማስገባት ምላሽን በቡት ስታራፕ መጠቀም እችላለሁን?

አንቺ Bootstrapን መጠቀም ይችላል። በእርስዎ ውስጥ ባሉ ንጥረ ነገሮች እና አካላት ላይ በቀጥታ ምላሽ ይስጡ አብሮ የተሰሩ ክፍሎችን ልክ እንደሌላው ክፍል በመተግበር መተግበሪያ። ቀላል ገጽታ መቀየሪያን እንገንባ ምላሽ ይስጡ ለማሳየት አካል Bootstrap በመጠቀም ክፍሎች እና ክፍሎች.

በተጨማሪም፣ በReactJS ውስጥ አብነት እንዴት ማዋሃድ እችላለሁ? የአስተዳዳሪ አብነት በReactJS ውስጥ ያዋህዱ

  1. ደረጃ 1፡ አንድ reactjs መተግበሪያን ያዋቅሩ። እንደ መጀመሪያው ሰነድ፣ በአለምአቀፍ ደረጃ መፍጠር-react-appን በአለምአቀፍ ደረጃ መጫን አለብን።
  2. ደረጃ 2፡ ሁሉንም css እና js ፋይሎች ያካትቱ።
  3. ደረጃ 3፡ ለአስተዳዳሪው አብነት የራስጌ አካል ይፍጠሩ።
  4. ደረጃ 4፡ አንድ የጎን አሞሌ አካል ያድርጉ።
  5. ደረጃ 5፡ አንድ የይዘት አካል አድርግ።

ከዚህ ጋር በተያያዘ Reactstrapን እንዴት መጫን እችላለሁ?

Bootstrap በማከል ላይ

  1. ማስመጣት 'bootstrap/dist/css/bootstrap. css';
  2. አስመጣ {አዝራር} ከ'reactstrap'; አሁን በአቅርቦት ዘዴ ውስጥ የተገለጹትን በእርስዎ የክፍል ተዋረድ ውስጥ ከውጪ የሚመጡትን reactstrap ክፍሎች ለመጠቀም ዝግጁ ነዎት።
  3. npm ጫን.
  4. npm ጀምር.
  5. npm ሙከራ
  6. npm አሂድ የሙከራ ሰዓት።
  7. ./ስክሪፕቶች/መልቀቅ
  8. ./ስክሪፕቶች/ማተም

ምላሽ መተግበሪያ እንዴት ነው የሚሰሩት?

መጀመር፡ መጀመርታ ምላሽ ይስጡ ቀላል ነው። ከተጫነ በኋላ በቀላሉ ማስኬድ ይችላሉ። መፍጠር - ምላሽ መስጠት - መተግበሪያ በትዕዛዝ መስመሩ ላይ, ከዚያም የ መተግበሪያ ትፈልጊያለሽ መፍጠር . ይህ ይፈጥራል ምላሽ መተግበሪያ , ከሚያስፈልጉት ሁሉም አስፈላጊ ተግባራት ጋር, ቀድሞውኑ በ ውስጥ የተሰራ መተግበሪያ.

የሚመከር: