in English

ለአቀማመጥ መገልገያዎች

ለፈጣን የሞባይል ተስማሚ እና ምላሽ ሰጪ ልማት፣ Bootstrap ይዘትን ለማሳየት፣ ለመደበቅ፣ ለማሰለፍ እና ለማራዘም በደርዘን የሚቆጠሩ የመገልገያ ክፍሎችን ያካትታል።

መቀየርdisplay

የንብረቱ የጋራ እሴቶችን ምላሽ ለመስጠት የማሳያ መገልገያዎቻችንን ይጠቀሙ ። displayበተወሰኑ የእይታ ቦታዎች ላይ ለማሳየት ወይም ለመደበቅ ከስርዓታችን፣ ይዘቶች ወይም አካላት ጋር ያዋህዱት።

የFlexbox አማራጮች

ቡትስትራፕ 4 የተገነባው በ flexbox ነው፣ ነገር ግን ሁሉም ንጥረ ነገሮች displayአልተቀየሩም display: flexምክንያቱም ይህ ብዙ አላስፈላጊ መሻሮችን ስለሚጨምር እና ቁልፍ የአሳሽ ባህሪዎችን በድንገት ይለውጣል። አብዛኛዎቹ የእኛ አካላት የተገነቡት በ flexbox የነቃ ነው።

display: flexወደ ኤለመንት ማከል ካለብዎት ፣ .d-flexምላሽ ከሚሰጡ ልዩነቶች (ለምሳሌ፣ .d-sm-flex) ጋር ያድርጉት። የእኛን ተጨማሪ የflexbox መገልገያዎችን ለመጠን ፣ለማመጣጠን ፣ክፍተት እና ሌሎችንም displayለመጠቀም ይህንን ክፍል ወይም እሴት ያስፈልገዎታል ።

ህዳግ እና ንጣፍ

ኤለመንቶች እና አካላት እንዴት እንደሚለያዩ እና መጠናቸው ለመቆጣጠር የቦታ marginእና padding ክፍተት መገልገያዎችን ይጠቀሙ ። 1remቡትስትራፕ 4 በእሴት ነባሪ $spacerተለዋዋጭ ላይ በመመስረት መገልገያዎችን ለክፍተት የአምስት-ደረጃ ልኬትን ያካትታል ። ለሁሉም የእይታ ቦታዎች (ለምሳሌ .mr-3margin-right: 1rem) እሴቶችን ምረጥ ወይም የተወሰኑ የእይታ ቦታዎችን ለማነጣጠር ምላሽ ሰጪ ተለዋጮችን ምረጥ (ለምሳሌ ፡ ከእረፍት .mr-md-3ቦታ margin-right: 1remለመጀመር md)።

ቀያይርvisibility

ማቀያየር በማይፈለግበት ጊዜ የአንድን ንጥረ ነገር በእኛ የታይነት መገልገያዎችdisplay መቀያየር ይችላሉ ። የማይታዩ አካላት አሁንም የገጹን አቀማመጥ ይነካል፣ ነገር ግን በእይታ ከጎብኚዎች ተደብቀዋል።visibility