ሰለስተ ማዕረ ዓምድታት

ካብ ዴስክቶፕ ጀሚርካ ናብ ዓበይቲ ዴስክቶፕ ዝዓቢ ሰለስተ ማዕረ ስፍሓት ዘለዎም ዓምድታት ርኸብ ። ኣብ ሞባይል መሳርሒታት፡ ጣብላታትን ትሕቲኡን፡ እቶም ዓምድታት ብኣውቶማቲክ ክድምር እዮም።

.col-md-4 ዝብል ጽሑፍ ኣሎ።
.col-md-4 ዝብል ጽሑፍ ኣሎ።
.col-md-4 ዝብል ጽሑፍ ኣሎ።

ሰለስተ ዘይምዕሩይ ዓምድታት

ካብ ዴስክቶፕ ጀሚርካ ናብ ዝተፈላለየ ስፍሓት ዘለዎም ዓበይቲ ዴስክቶፕ ምዕባይን ሰለስተ ዓምድታት ርኸብ ። ዓምድታት ሽቦ ንሓደ ልኡም ብሎክ ክሳብ ዓሰርተ ክልተ ክድመር ከምዘለዎም ኣይትረስዕ። ካብኡ ንላዕሊ ድማ፡ ዓምድታት ድማ ቪውፖርት ብዘየገድስ ክድምር ይጅምሩ።

.col-md-3 ዝብል ጽሑፍ ኣሎ።
.col-md-6 ዝብል ጽሑፍ ኣሎ።
.col-md-3 ዝብል ጽሑፍ ኣሎ።

ክልተ ዓምድታት

ካብ ዴስክቶፕ ጀሚርካ ናብ ዓበይቲ ዴስክቶፕ ምዕባይ ክልተ ዓምድታት ረኸብ ።

.col-md-8 ዝብል ጽሑፍ ኣሎ።
.col-md-4 ዝብል ጽሑፍ ኣሎ።

ምሉእ ስፍሓት፣ ንጽል ዓምዲ

ንሙሉእ ስፍሓት ዘለዎም ባእታታት ዝኾነ ዓይነት ናይ ሽቦ ክፍሊ ኣየድልን።


ክልተ ዓምድታት ምስ ክልተ ዝተሰፈሩ ዓምድታት

ብመሰረት ሰነድ፡ ምድቃል ቀሊል እዩ-ኣብ ውሽጢ ሓደ ዝጸንሐ ዓምዲ መስርዕ ዓምድታት ጥራይ ኣቐምጥ። እዚ ካብ ዴስክቶፕ ጀሚርካ ናብ ዓበይቲ ዴስክቶፕ ዝዓቢ ክልተ ዓምድታት ይህበካ ፣ ምስ ካልኦት ክልተ (ማዕረ ስፍሓት) ኣብ ውሽጢ እቲ ዝዓበየ ዓምዲ።

ኣብ ዓቐናት ሞባይል መሳርሒታት፡ ጣብላታትን ንታሕቲን፡ እዞም ዓምድታትን ዝተሰፍሩ ዓምድታቶምን ክድምር እዩ።

.col-md-8 ዝብል ጽሑፍ ኣሎ።
.col-md-6 ዝብል ጽሑፍ ኣሎ።
.col-md-6 ዝብል ጽሑፍ ኣሎ።
.col-md-4 ዝብል ጽሑፍ ኣሎ።

ዝተሓዋወሰ: ሞባይልን ዴስክቶፕን።

Bootstrap 3 grid system ኣርባዕተ ደረጃታት ክፍልታት ኣለዎ፡ xs (ስልክታት)፡ sm (ጣብላታት)፡ md (ዴስክቶፕ)፡ lg (ዝዓበዩ ዴስክቶፕ)። ዳርጋ ዝኾነ ውህደት ናይዞም ክፍልታት ተጠቒምካ ዝያዳ ዳይናሚክን ተዓጻጻፍን ኣቀማምጣ ክትፈጥር ትኽእል ኢኻ።

ነፍሲ ወከፍ ደረጃ ክፍልታት ይዓቢ፣ ማለት ንxsን smን ተመሳሳሊ ስፍሓት ንምቕማጥ እንተሓሲብካ፣ xs ጥራይ ኢኻ ምግላጽ ዘድልየካ።

.ኮል-xs-12 .ኮል-ምድ-8
.ኮል-xs-6 .ኮል-ምድ-4
.ኮል-xs-6 .ኮል-ምድ-4
.ኮል-xs-6 .ኮል-ምድ-4
.ኮል-xs-6 .ኮል-ምድ-4
.col-xs-6 ዝብል ጽሑፍ ኣሎ።
.col-xs-6 ዝብል ጽሑፍ ኣሎ።

ዝተሓዋወሰ: ሞባይል: ​​ጣብላ: ከምኡውን ዴስክቶፕ

.ኮል-xs-12 .ኮል-ስም-6 .ኮል-ኤልጂ-8
.ኮል-xs-6 .ኮል-ልግ-4
.ኮል-xs-6 .ኮል-ስም-4
.ኮል-xs-6 .ኮል-ስም-4
.ኮል-xs-6 .ኮል-ስም-4

ዓምዲ ምጽራይ

ንጹር ዝኾነ ተንሳፋፊ ኣብ ፍሉያት ነጥብታት ብዘይምዕሩይ ትሕዝቶ ንዘይምዕሩይ ምጥቕላል ንምክልኻል።

.col-xs-6 .col-sm-3 ንዓቐን ቪውፖርትካ ምቕያር
ወይ ንኣብነት ኣብ ስልክኻ ርአ።
.ኮል-xs-6 .ኮል-ስም-3
.ኮል-xs-6 .ኮል-ስም-3
.ኮል-xs-6 .ኮል-ስም-3

ኦፍሴት፡ ምድፋእን ስሓብን ዳግመ-ምትዕርራይ ይገብሩ

ኣብ ፍሉያት ናይ ምብታኽ ነጥብታት ንዝተፈላለዩ ምትዕርራያት፣ ምድፋእን ስሕበትን ዳግማይ ምትካል።

.ኮል-ስም-5 .ኮል-ምድ-6
.ኮል-ኤስኤም-5 .ኮል-ኤስኤም-ኦፍሴት-2 .ኮል-ኤምዲ-6 .ኮል-ኤምዲ-ኦፍሴት-0
.ኮል-ስም-6 .ኮል-ምድ-5 .ኮል-ልግ-6
.ኮል-ኤስኤም-6 .ኮል-ኤምዲ-5 .ኮል-ኤምዲ-ኦፍሴት-2 .ኮል-ኤልጂ-6 .ኮል-ኤልጂ-ኦፍሴት-0