Sourceሓፈሻዊ ትሕዝቶ
ንፕሮጀክት ቡትስትራፕካ ንምቕማጥ ዝሕግዙ ባእታታትን ኣማራጺታትን፡ ንኣብነት ምጥቕላል መትሓዚታት፡ ሓያል ስርዓተ ሽቦ፡ ተዓጻጻፊ ናይ ሚድያ ነገራትን ምላሽ ዝህቡ ዩቲሊቲ ክፍልታትን።
ኮንተይነራት ኣብ ቡትስትራፕ እቲ ዝበለጸ መሰረታዊ ናይ ኣቀማምጣ ባእታ ኮይኑ ነባሪ ስርዓተ ሽቦና ኣብ እንጥቀመሉ እዋን የድልዩ ። ካብ ምላሽ ዝህብ፣ ውሱን ስፍሓት ዘለዎ መትሓዚ ( max-width
ኣብ ነፍሲ ወከፍ ነጥቢ ምብታኽ ዝመጽእ ለውጢ ማለት እዩ) ወይ ስፍሓት ፈሳሲ ( 100%
ኩሉ ግዜ ገፊሕ ማለት እዩ) ምረጽ።
መትሓዚታት ክሰፍሩ ይኽእሉ እኳ እንተኾኑ ፡ መብዛሕትኦም ኣቀማምጣ ግን ዝተሰፈሩ መትሓዚ ኣየድልዮምን እዩ።
.container-fluid
ንሙሉእ ስፍሓት ናይቲ ቪውፖርት ዝሽፍን ምሉእ ስፍሓት ዘለዎ መትሓዚ ተጠቐም ።
Bootstrap መጀመርታ ሞባይል ክኸውን ስለዝተማዕበለ ፡ ንኣቀማምጣናን መተሓላለፍትናን ርትዓዊ ዝኾነ ናይ ምብታኽ ነጥብታት ንምፍጣር ብኣጻብዕ ዝቑጸሩ ናይ ሚድያ ሕቶታት ንጥቀም። እዞም ምብታኽ ነጥብታት መብዛሕትኦም ኣብ ዝተሓተ ስፍሓት ቪውፖርት ዝተመርኮሱ ኮይኖም እቲ ቪውፖርት እናተቐየረ ምስ ከደ ባእታታት ክንዓቢ የኽእሉና።
ቡትስትራፕ ብቐንዱ ነዞም ዝስዕቡ ናይ ሚድያ ሕቶ ደረጃታት-ወይ ምብታኽ ነጥብታት-ኣብ ምንጪ ሳስ ፋይላትና ንኣቀማምጣና፡ ስርዓተ-ሽቦናን ኣካላትናን ይጥቀም።
ምንጪ CSSና ብ Sass ስለ እንጽሕፍ፡ ኩሉ ናይ ሚድያ ሕቶታትና ብመንገዲ Sass mixins ይርከብ፤
ሓሓሊፍና ናብቲ ካልእ ኣንፈት ዝኸዱ ናይ ሚድያ ሕቶታት ንጥቀም (እቲ ዝተዋህበ ዓቐን ስክሪን ወይ ካብኡ ዝነኣሰ ):
ሕጂ ውን እዞም ናይ ሚድያ ሕቶታት ብመንገዲ Sass mixins እውን ይርከቡ፤
ብተወሳኺ ንሓደ ክፋል ናይ ስክሪን ዓቐናት ዕላማ ንምግባር ዝወሓደን ዝለዓለን ስፍሓት ነጥቢ ምብታኽ ብምጥቃም ናይ ሚድያ ሕቶታትን ሚክሲንን ኣለዉ።
እዞም ናይ ሚድያ ሕቶታት ብመንገዲ Sass mixins እውን ይርከቡ፤
ብተመሳሳሊ፡ ሕቶታት ሚድያ ብዙሕ ስፍሓት ነጥብታት ምብታኽ ክሽፍኑ ይኽእሉ እዮም፤
እቲ ንሓደ ዓይነት ናይ ስክሪን ዓቐን ደረጃ ዕላማ ንምግባር ዝሕግዝ ናይ Sass mixin ከምዚ ዝስዕብ ምኾነ፤
ሓያሎ Bootstrap components utilize z-index
, ትሕዝቶ ንምስራዕ ሳልሳይ ኣክሲስ ብምሃብ ንኣቀማምጣ ንምቁጽጻር ዝሕግዝ CSS ባህሪ። ኣብ ቡትስትራፕ ንዘሎ ነባሪ z-index ስኬል ንጥቀም እዚ ድማ ንመገሻ፣ መሳርሒታትን ፖፖቨርን፣ ሞዳላትን ካልእን ብግቡእ ንጣር ንምግባር ዝተዳለወ እዩ።
እዞም ዝለዓለ ክብርታት ካብ ፍቓደኛ ቁጽሪ ይጅምሩ፣ ልዑልን ፍሉይን ብዝበለጸ ካብ ግርጭታት ንምውጋድ እኹል እዩ። ኣብ መላእ ንጣር ዘለዎም ባእታታትና ደረጃ ዘለዎ ስብስብ ናይዚኦም የድልየና እዩ-መሳርሒታት፣ ፖፖቨርስ፣ ናቭባር፣ ድሮፕዳውንድስ፣ ሞዳላት-ስለዚ ኣብቲ ባህርያት ብመጠኑ ቅኑዕ ክንከውን ንኽእል። 100
+ ወይ + ክንጥቀም ዘይንኽእለሉ ዝነበረ ምኽንያት የለን 500
።
ነዞም ውልቀ ክብርታት ምምዕርራይ ኣይነተባብዕን ኢና፤ ሓደ ክትቅይሮም እንተ ዄንካ፡ ንዅሎም ክትቅይሮም ዜድልየካ ምዃኑ ኣይተርፍን እዩ።
ኣብ ውሽጢ ኣካላት ንዝተደራረቡ ዶባት ንምሕላው (ንኣብነት፡ መጠወቒታትን እታዎታትን ኣብ ጉጅለታት ምእታው)፡ ትሑት ንጽል ኣሃዝ z-index
ክብርታት ናይ 1
, 2
, ከምኡ’ውን 3
ንነባሪ፡ ሆቨርን ንጡፍ ኩነታትን ንጥቀም። ኣብ hover/focus/active ንሓደ ፍሉይ ባእታ ዝለዓለ ዋጋ ዘለዎ ናብ ቅድሚት ኣምጺእና z-index
ዶቦም ኣብ ልዕሊ እቶም ኣሕዋት ባእታታት ንርኢ።