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

መቀየርdisplay

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

የFlexbox አማራጮች

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

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

ህዳግ እና ንጣፍ

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

ቀያይርvisibility

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