ለአቀማመጥ መገልገያዎች
ለፈጣን የሞባይል ተስማሚ እና ምላሽ ሰጪ ልማት፣ Bootstrap ይዘትን ለማሳየት፣ ለመደበቅ፣ ለማሰለፍ እና ለማራዘም በደርዘን የሚቆጠሩ የመገልገያ ክፍሎችን ያካትታል።
መቀየር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: 1rem
LTR)፣ ወይም የተወሰኑ የእይታ ቦታዎችን ለማነጣጠር ምላሽ ሰጪ ተለዋጮችን ምረጥ (ለምሳሌ፣ .me-md-3
ለ margin-right: 1rem
—በ LTR— ከመቋረጫ ነጥብ ጀምሮ md
)።
ቀያይርvisibility
መቀያየር በማይኖርበት ጊዜ የአንድን ኤለመንት በታይነት መገልገያዎችdisplay
መቀያየር ይችላሉ ። የማይታዩ አካላት አሁንም የገጹን አቀማመጥ ይነካል፣ ነገር ግን በእይታ ከጎብኚዎች ተደብቀዋል።visibility