ንኣቀማምጣ ዝኸውን ዩቲሊቲታት
ንዝቐልጠፈ ንሞባይል ዝምችእን ምላሽ ዝህብን ምዕባለ፡ ቡትስትራፕ ንዓሰርተታት ዝቑጸሩ ትሕዝቶታት ንምርኣይ፡ ንምሕባእ፡ ንምስላፍን ንምፍሕሓልን ዝሕግዙ ናይ ዩቲሊቲ ክፍልታት የጠቓልል።
ንናይ ሓባር ክብርታት ናይቲ ንብረት ብመልሲ ንምቕያር ናይ ምርኢት መገልገሊታትና ተጠቐም ። display
ምስ ስርዓተ ሽቦና፡ ትሕዝቶና ወይ ኣካላትና ብምሕዋስ ኣብ ፍሉያት ቪውፖርትታት ንምርኣይ ወይ ንምሕባእ እዩ።
Bootstrap 4 ብ flexbox ዝተሃንጸ ኮይኑ ፡ እዚ ግን ብዙሕ ዘየድሊ ምግዳፍ ክውስኽን ቁልፊ ባህርያት መርበብ ሓበሬታ ብዘይተጸበናዮ መንገዲ ክቕይርን ስለዝኾነ ኩሉ element's display
ናብኡ ኣይተቐየረን ። display: flex
መብዛሕትኦም ኣካላትና ብflexbox enabled ዝተሰርሑ እዮም።
display: flex
ኣብ ሓደ ባእታ ክትውስኽ እንተድኣ ኣድልዩካ ፡ ምስ .d-flex
ወይ ሓደ ካብቶም ምላሽ ዝህቡ ፍልልያት (ንኣብነት .d-sm-flex
፡ ) ግበሮ። display
ንኣጠቓቕማ ናይቶም ተወሳኺ ፍሌክስቦክስ ዩቲሊቲታትና ንዓቐን፣ ኣሰላልፋ፣ ርሕቀትን ካልእን ንምፍቃድ እዚ ክፍሊ ወይ ዋጋ ከድልየካ እዩ።
ባእታታትን ኣካላትን ብኸመይ ከም ዝፈላለዩን ከም ዝዕቀኑን ንምቁጽጻር ነቲ margin
and padding
spacing utilities ተጠቐም ። ቡትስትራፕ 4 ንሓሙሽተ ደረጃታት ዘለዎ ስኬል ንርሕቐት ዩቲሊቲታት ዘጠቓልል ኮይኑ፡ ኣብ 1rem
ዋጋ ነባሪ $spacer
ተለዋዋጢ ዝተመርኮሰ እዩ። ንኹሎም ርእይቶታት ምርኣይ ክብርታት ምረጽ (ንኣብነት .mr-3
፡ ን margin-right: 1rem
)፡ ወይ ንፍሉያት ምልክታት ምርኣይ ዕላማ ንምግባር ምላሽ ዝህቡ ፍልልያት ምረጽ (ንኣብነት .mr-md-3
፡ ካብቲ ነጥቢ ምብታኽ margin-right: 1rem
ንምጅማር )።md
ምቕያር display
ኣብ ዘየድልየሉ እዋን፡ ነቲ visibility
ናይ ሓደ ባእታ ብናይ ርኡይነት ውጽኢታትና ክትቅይሮ ትኽእል ኢኻ ። ዘይርኣዩ ባእታታት ጌና ንኣቀማምጣ ናይቲ ገጽ ክጸልዉ እዮም፡ ግን ካብ በጻሕቲ ብዓይኒ ተሓቢኦም እዮም።