Source

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

ንዝቐልጠፈ ንሞባይል ዝምችእን ምላሽ ዝህብን ምዕባለ፡ ቡትስትራፕ ንዓሰርተታት ዝቑጸሩ ትሕዝቶታት ንምርኣይ፡ ንምሕባእ፡ ንምስላፍን ንምፍሕሓልን ዝሕግዙ ናይ ዩቲሊቲ ክፍልታት የጠቓልል።

ምቕያርdisplay

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

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

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

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

ወሰንን ፓዲንግን

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

ቶግል ምግባርvisibility

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