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

ለፈጣን የሞባይል ተስማሚ እና ምላሽ ሰጪ ልማት፣ 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-3ለ margin-right: 1rem) ወይም የተወሰኑ የእይታ ቦታዎችን ለማነጣጠር ምላሽ ሰጪ ተለዋጮችን ምረጥ (ለምሳሌ፣ ከእረፍት .mr-md-3ቦታ margin-right: 1remለመጀመር md)።

ቀያይርvisibility

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