ንኣቀማምጣ ዝኸውን ዩቲሊቲታት

ምቕያርdisplay

ንናይ ሓባር ክብርታት ናይቲ ንብረት ብመልሲ ንምቕያር ናይ ምርኢት መገልገሊታትና ተጠቐም ። displayምስ ስርዓተ ሽቦና፡ ትሕዝቶና፡ ወይ ኣካላትና ብምሕዋስ ኣብ ፍሉያት ቪውፖርትታት ንምርኣይ ወይ ንምሕባእ እዩ።

ፍሌክስቦክስ ኣማራጺታት

ቡትስትራፕ ብፍሌክስቦክስ ዝተሃንጸ ኮይኑ ፡ እዚ ብዙሕ ዘየድሊ ምግዳፍ ክውስኽን ቁልፊ ባህርያት መርበብ ሓበሬታ ብዘይተጸበናዮ መንገዲ ክቕይርን ስለዝኾነ ኩሉ ባእታታት displayናብኡ ኣይተቐየረን ። display: flexመብዛሕትኦም ኣካላትና ብflexbox enabled ዝተሰርሑ እዮም።

display: flexኣብ ሓደ ባእታ ክትውስኽ እንተድኣ ኣድልዩካ ፡ ምስ .d-flexወይ ሓደ ካብቶም ምላሽ ዝህቡ ፍልልያት (ንኣብነት .d-sm-flex፡ ) ግበሮ። displayንኣጠቓቕማ ናይቶም ተወሳኺ ፍሌክስቦክስ ዩቲሊቲታትና ንዓቐን፣ ኣሰላልፋ፣ ርሕቀትን ካልእን ንምፍቃድ እዚ ክፍሊ ወይ ዋጋ ከድልየካ እዩ።

ማርጅንን ፓዲንግን

ባእታታትን ኣካላትን ብኸመይ ከም ዝፈላለዩን ከም ዝዕቀኑን ንምቁጽጻር ነቲ marginand padding spacing utilities ተጠቐም ። 1remቡትስትራፕ ንርሕቐት ዩቲሊቲታት ዝኸውን ሽዱሽተ ደረጃ ዘለዎ ስኬል ዘጠቓልል ኮይኑ፡ ኣብ ዋጋ ነባሪ $spacerተለዋዋጢ ዝተመርኮሰ እዩ ። ንኹሎም ርእይቶታት ምርኣይ ክብርታት ምረጽ (ንኣብነት .me-3፡ ንኣብ margin-right: 1remLTR)፡ ወይ ንፍሉያት ርእይቶታት ምርኣይ ዕላማ ንምግባር ምላሽ ዝህቡ ፍልልያት ምረጽ (ንኣብነት .me-md-3፡ ን —ኣብ LTR— ካብቲ ምብታኽ ነጥቢ margin-right: 1remዝጅምር )።md

ቶግል ምግባርvisibility

ምቕያር displayኣብ ዘየድልየሉ እዋን፡ ነቲ visibilityናይ ሓደ ባእታ ብናይ ርኡይነት ውጽኢታትና ክትቅይሮ ትኽእል ኢኻ ። ዘይርኣዩ ባእታታት ጌና ንኣቀማምጣ ናይቲ ገጽ ክጸልዉ እዮም፡ ግን ካብ በጻሕቲ ብዓይኒ ተሓቢኦም እዮም።