Sourceካርድታት
ናይ ቡትስትራፕ ካርድታት ተዓጻጻፍን ዝዝርጋሕን ትሕዝቶ መትሓዚ ምስ ብዙሓት ፍልልያትን ኣማራጺታትን ይህቡ።
ካርድ ተዓጻጻፍን ዝዝርጋሕን ትሕዝቶ ዝሓዘ መትሓዚ እዩ ። ንርእስታትን እግርን ዝኸውን ኣማራጺታት፡ ዝተፈላለየ ትሕዝቶታት፡ ዓውደ-ጽሑፋዊ ሕብርታት ድሕረ ባይታ፡ ከምኡ’ውን ሓያል ናይ ምርኣይ ኣማራጺታት የጠቓልል። ምስ ቡትስትራፕ 3 ትፋለጡ እንተኾይንኩም፡ ካርድታት ንናይ ቀደም ፓነላትና፡ ዒላታትናን ንኣሽቱ ስእልታትናን ይትክኡ። ምስቶም ኣካላት ተመሳሳሊ ተግባር ከም መቐየሪ ክፍልታት ንካርድታት ይርከብ።
ካርድታት ብዝተኻእለ መጠን ብውሑድ ምልክትን ቅዲታትን ዝተሃንጹ ኮይኖም፡ ሕጂ’ውን ቶን ምቁጽጻርን ምምዕርራይን ከቕርቡ ይኽእሉ። ብፍሌክስቦክስ ዝተሃንጹ ኮይኖም፡ ቀሊል ኣሰላልፋ ዘቕርቡን ምስ ካልኦት ኣካላት ቡትስትራፕ ጽቡቕ ጌሮም ዝተሓዋወሱን እዮም። margin
ብነባሪ መልክዑ የብሎምን ፣ ስለዚ ከም ኣድላይነቱ ናይ ርሕቀት ዩቲሊቲታት ተጠቐም።
ኣብ ታሕቲ ኣብነት ናይ ሓደ ዝተሓዋወሰ ትሕዝቶን ውሱን ስፍሓትን ዘለዎ መሰረታዊ ካርድ ኣሎ። ካርድታት ንኽጅምሩ ውሱን ስፍሓት የብሎምን፣ ስለዚ ብተፈጥሮኡ ምሉእ ስፍሓት ናይቲ ወላዲ ባእታኡ ክመልእዎ እዮም። እዚ ብዝተፈላለዩ ናይ ዓቐን ኣማራጺታትና ብቐሊሉ ንዓኻ ዝምጥን ’ ዩ ።
ኣርእስቲ ካርድ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ናብ ሓደ ቦታ ኪድ
ካርድታት ዝተፈላለየ ትሕዝቶታት ይድግፉ፣ ንኣብነት ምስልታት፣ ጽሑፍ፣ ዝርዝር ጉጅለታት፣ መላግቦታትን ካልእን ዝኣመሰሉ። ኣብ ታሕቲ ኣብነታት ናይቲ ዝድገፍ ኣሎ።
ህንጻዊ ብሎክ ናይ ሓደ ካርድ እቲ .card-body
. ኣብ ውሽጢ ካርድ ዝተዓሸገ ክፍሊ ኣብ ዘድልየካ እዋን ተጠቐመሉ።
እዚ ገለ ጽሑፍ ኣብ ውሽጢ ኣካል ካርድ እዩ።
.card-title
ኣርእስታት ካርድ ኣብ ሓደ <h*>
መለለዪ ብምውሳኽ ይጥቀሙ ። .card-link
ብተመሳሳሊ መንገዲ፡ ሊንክታት ኣብ ሓደ <a>
መለለዪ ብምውሳኽ ይውሰኹን ኣብ ጎኒ ነንሕድሕዶም ይቕመጡን።
.card-subtitle
ንኡስ ርእሲ ኣብ ሓደ <h*>
መለለዪ a ብምውሳኽ ይጥቀሙ ። እቲን .card-title
እቶም .card-subtitle
ኣቑሑትን ኣብ ሓደ ኣቕሓ እንተተቐሚጦም .card-body
፡ ኣርእስቲ ካርድን ንኡስ ኣርእስትን ብጽቡቕ ተሰሪዖም ኣለዉ።
ኣርእስቲ ካርድ
ንኡስ ኣርእስቲ ካርድ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ካርድ ሊንክ
ካልእ ሊንክ
.card-img-top
ኣብ ላዕሊ ናይቲ ካርድ ምስሊ የቐምጥ። ብ .card-text
፡ ጽሑፍ ኣብቲ ካርድ ክውሰኽ ይኽእል። ኣብ ውሽጢ .card-text
ዘሎ ጽሑፍ ብመደበኛ ኤችቲኤምኤል መለለዪታት እውን ቅዲ ክግበር ይኽእል።
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ኣብ ሓደ ካርድ ዝርዝር ትሕዝቶታት ምስ ፍሉሽ ዝርዝር ጉጅለ ምፍጣር።
- ክራስ ጁስቶ ኦዲዮ
- ዳፒቡስ ኣሲ ፋሲሊሲስ ኣብ...
- ቬስቲቡሉም ኣብ ኤሮስ
- ክራስ ጁስቶ ኦዲዮ
- ዳፒቡስ ኣሲ ፋሲሊሲስ ኣብ...
- ቬስቲቡሉም ኣብ ኤሮስ
ብዙሓት ዓይነታት ትሕዝቶ ብምሕዋስን ምትሕውዋስን ዘድልየካ ካርድ ምፍጣር፣ ወይ ድማ ኩሉ ኣብኡ ደርብዮ። ኣብ ታሕቲ ቅዲ ምስልታት፡ ብሎኮታት፡ ቅዲታት ጽሑፍን ጉጅለ ዝርዝርን ተገሊጾም ኣለዉ-ኩሎም ኣብ ውሱን ስፍሓት ዘለዎም ካርድ ዝተጠቕለሉ እዮም።
ኣርእስቲ ካርድ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
- ክራስ ጁስቶ ኦዲዮ
- ዳፒቡስ ኣሲ ፋሲሊሲስ ኣብ...
- ቬስቲቡሉም ኣብ ኤሮስ
ኣብ ውሽጢ ካርድ ኣማራጺ ርእስን/ወይ እግርን ምውሳኽ።
ፍሉይ ኣተሓሕዛ መዓርግ
ምስ ደጋፊ ጽሑፍ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ።
ናብ ሓደ ቦታ ኪድ
.card-header
ርእሲ ካርድታት ኣብ <h*>
ባእታታት ብምውሳኽ ቅዲ ክግበር ይከኣል ።
ፍሉይ ኣተሓሕዛ መዓርግ
ምስ ደጋፊ ጽሑፍ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ።
ናብ ሓደ ቦታ ኪድ
ሎረም ኢፕሱም ዶሎር ኮፍ ኣሜት፡ consectetur adipiscing elit. ምሉእ ቁጽሪ posuere erat a ante.
ፍሉይ ኣተሓሕዛ መዓርግ
ምስ ደጋፊ ጽሑፍ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ።
ናብ ሓደ ቦታ ኪድ
ካርድታት width
ንምጅማር ፍሉይ ከምዘይኮነ ይግምቱ፣ ስለዚ ካልእ ምልክት እንተዘይተገይሩሉ 100% ስፍሓት ክህልዎም እዩ። ነዚ ከም ኣድላይነቱ ብብሕታዊ CSS፣ ግሪድ ክፍልታት፣ ግሪድ Sass mixins፣ ወይ ዩቲሊቲታት ክትቅይሮ ትኽእል ኢኻ።
ነቲ ሽቦ ተጠቒምካ፡ ካርድታት ከም ኣድላይነቱ ብዓምድታትን መስመራትን ጠቕልሎም።
ፍሉይ ኣተሓሕዛ መዓርግ
ምስ ደጋፊ ጽሑፍ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ።
ናብ ሓደ ቦታ ኪድ
ፍሉይ ኣተሓሕዛ መዓርግ
ምስ ደጋፊ ጽሑፍ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ።
ናብ ሓደ ቦታ ኪድ
ስፍሓት ናይ ሓደ ካርድ ብቕልጡፍ ንምቕማጥ ብኣጻብዕ ዝቑጸሩ ዘለዉ ናይ ዓቐን መገልገሊታትና ተጠቐሙ ።
ኣርእስቲ ካርድ
ምስ ደጋፊ ጽሑፍ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ።
መጠወቒ
ኣርእስቲ ካርድ
ምስ ደጋፊ ጽሑፍ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ።
መጠወቒ
ስፍሓት ንምቕማጥ ኣብ ቅዲ ጽሑፋትካ ወይ ከም ውሽጣዊ ቅዲታት ብሕታዊ CSS ተጠቐም።
ፍሉይ ኣተሓሕዛ መዓርግ
ምስ ደጋፊ ጽሑፍ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ።
ናብ ሓደ ቦታ ኪድ
ናይ ዝኾነ ካርድ ጽሑፍ ኣሰላልፋ ብቕልጡፍ ክትቅይሮ ትኽእል ኢኻ-ብምሉኡ ወይ ፍሉይ ክፋላቱ-ብናይ ጽሑፍ ኣሰላልፋ ክፍልታትና .
ፍሉይ ኣተሓሕዛ መዓርግ
ምስ ደጋፊ ጽሑፍ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ።
ናብ ሓደ ቦታ ኪድ
ፍሉይ ኣተሓሕዛ መዓርግ
ምስ ደጋፊ ጽሑፍ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ።
ናብ ሓደ ቦታ ኪድ
ፍሉይ ኣተሓሕዛ መዓርግ
ምስ ደጋፊ ጽሑፍ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ።
ናብ ሓደ ቦታ ኪድ
ገለ ምድህሳስ ኣብ ርእሲ (ወይ ብሎክ) ናይ ሓደ ካርድ ብ Bootstrap's nav components ምውሳኽ ።
ፍሉይ ኣተሓሕዛ መዓርግ
ምስ ደጋፊ ጽሑፍ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ።
ናብ ሓደ ቦታ ኪድ
ፍሉይ ኣተሓሕዛ መዓርግ
ምስ ደጋፊ ጽሑፍ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ።
ናብ ሓደ ቦታ ኪድ
ካርድታት ምስ ምስልታት ንምስራሕ ውሑዳት ኣማራጺታት የጠቓልል። ኣብ ክልቲኡ ጫፋት ካርድ “ናይ ምስሊ ቆብዕ” ካብ ምውሳኽ፡ ምስልታት ብትሕዝቶ ካርድ ምድብላቕ፡ ወይ ድማ ነቲ ምስሊ ኣብ ካርድ ምትእትታው ጥራይ ምረጽ።
ካርድታት ልክዕ ከም ርእስን እግርን: ኣብ ላዕሊን ታሕተዋይን “ናይ ምስሊ ሽፋን” ማለት ኣብ ላዕሊ ወይ ታሕቲ ናይ ሓንቲ ካርድ ዚርከብ ምስልታት ኬጠቓልላ ይኽእላ እየን።
ኣርእስቲ ካርድ
እዚ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ ዘለዎ ደጋፊ ጽሑፍ ዘለዎ ዝሰፍሐ ካርድ እዩ። እዚ ትሕዝቶ ቁሩብ ዝነውሐ እዩ።
ንመወዳእታ ግዜ ቅድሚ 3 ደቓይቕ ዝተመሓየሸ
ኣርእስቲ ካርድ
እዚ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ ዘለዎ ደጋፊ ጽሑፍ ዘለዎ ዝሰፍሐ ካርድ እዩ። እዚ ትሕዝቶ ቁሩብ ዝነውሐ እዩ።
ንመወዳእታ ግዜ ቅድሚ 3 ደቓይቕ ዝተመሓየሸ
ንሓደ ምስሊ ናብ ድሕረ ባይታ ካርድ ቀይርካ ንጽሑፍ ካርድካ ድርብዮ። ከከም ምስሊ ተወሳኺ ቅዲታት ወይ ዩቲሊቲታት ከድልየካ ይኽእል ወይ ኣየድልየካን ይኸውን።
ኣርእስቲ ካርድ
እዚ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ ዘለዎ ደጋፊ ጽሑፍ ዘለዎ ዝሰፍሐ ካርድ እዩ። እዚ ትሕዝቶ ቁሩብ ዝነውሐ እዩ።
ንመወዳእታ ግዜ ቅድሚ 3 ደቓይቕ ዝተመሓየሸ
ካርድታት ድሕረ ባይታኦምን ዶባቶምን ሕብሮምን ንምምዕርራይ ዝተፈላለዩ ኣማራጺታት የጠቓልሉ።
መልክዕ ካርድ ንምቕያር ናይ ጽሑፍን ድሕረ ባይታ ዩቲሊቲታት ተጠቐም ።
ኣርእስቲ መባእታ ካርድ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ካልኣይ ደረጃ ካርድ ኣርእስቲ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ናይ ዓወት ካርድ ኣርእስቲ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ናይ ሓደጋ ካርድ ኣርእስቲ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ናይ መጠንቀቕታ ካርድ ኣርእስቲ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ኣርእስቲ ኢንፎ ካርድ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ኣርእስቲ ብርሃን ካርድ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ጸሊም ካርድ ኣርእስቲ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ንሓገዝቲ ቴክኖሎጂታት ትርጉም ምትሕልላፍ
ትርጉም ንምውሳኽ ሕብሪ ምጥቃም ስእላዊ ምልክት ጥራይ እዩ ዝህብ፣ እዚ ድማ ንተጠቀምቲ ሓገዝቲ ቴክኖሎጂታት - ከም ስክሪን ሪደርስ - ኣይመሓላለፍን እዩ። ብሕብሪ ዝተመልከተ ሓበሬታ ወይ ካብቲ ትሕዝቶ ባዕሉ ርኡይ ምዃኑ ኣረጋግጽ (ንኣብነት እቲ ዝርአ ጽሑፍ)፣ ወይ ድማ ብኣማራጺ ኣገባብ ከም ዝሕወስ ኣረጋግጽ፣ ከም ተወሳኺ ጽሑፍ ምስቲ .sr-only
ክፍሊ ዝተሓብአ።
ናይ ሓደ ካርድ ጥራይ ንምቕያር ናይ ዶብ ዩቲሊቲታት ተጠቐም ። ኣስተውዕል ከምቲ ኣብ ታሕቲ ዘሎ ኣብ ወላዲ ወይ ንኡስ ትሕዝቶ ናይቲ ካርድ ክፍልታት border-color
ከተቐምጥ ትኽእል ኢኻ ።.text-{color}
.card
ኣርእስቲ መባእታ ካርድ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ካልኣይ ደረጃ ካርድ ኣርእስቲ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ናይ ዓወት ካርድ ኣርእስቲ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ናይ ሓደጋ ካርድ ኣርእስቲ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ናይ መጠንቀቕታ ካርድ ኣርእስቲ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ኣርእስቲ ኢንፎ ካርድ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ኣርእስቲ ብርሃን ካርድ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ጸሊም ካርድ ኣርእስቲ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ከምኡ’ውን ኣብ ርእሲን እግርን ካርድ ዘሎ ዶባት ከም ኣድላይነቱ ክትቅይሮም ትኽእል ኢኻ፣ ዋላ’ውን background-color
ብ .bg-transparent
.
ናይ ዓወት ካርድ ኣርእስቲ
ገለ ቅልጡፍ ኣብነት ጽሑፍ ኣብ ኣርእስቲ ካርድ ንምህናጽን ዝበዝሕ ትሕዝቶ ናይታ ካርድ ንምፍጣርን እዩ።
ቡትስትራፕ ኣብ ውሽጢ ካርድታት ዘሎ ትሕዝቶ ኣብ ርእሲ ቅዲ ምግባር፡ ተኸታታሊ ካርድታት ንምንጻፍ ዝሕግዙ ውሑዳት ኣማራጺታት የጠቓልል። ንግዚኡ እዞም ናይ ኣቀማምጣ ኣማራጺታት ገና ምላሽ ኣይሃቡን .
ካርድታት ከም ሓደ፡ ዝተተሓሓዘ ባእታ ምስ ማዕረ ስፍሓትን ቁመትን ዓምድታት ንምቕራብ ጉጅለታት ካርድታት ተጠቐም። ጉጅለታት ካርድ display: flex;
ንዩኒፎርም ስዝነቶም ንምዕዋት ይጥቀሙሉ።
ኣርእስቲ ካርድ
እዚ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ ዘለዎ ደጋፊ ጽሑፍ ዘለዎ ዝሰፍሐ ካርድ እዩ። እዚ ትሕዝቶ ቁሩብ ዝነውሐ እዩ።
ንመወዳእታ ግዜ ቅድሚ 3 ደቓይቕ ዝተመሓየሸ
ኣርእስቲ ካርድ
እዚ ካርድ እዚ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ ዝድግፍ ጽሑፍ ኣለዎ።
ንመወዳእታ ግዜ ቅድሚ 3 ደቓይቕ ዝተመሓየሸ
ኣርእስቲ ካርድ
እዚ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ ዘለዎ ደጋፊ ጽሑፍ ዘለዎ ዝሰፍሐ ካርድ እዩ። እዚ ካርድ እዚ ካብቲ ቀዳማይ ንላዕሊ ነዊሕ ትሕዝቶ ኣለዎ ነቲ ማዕረ ቁመት ስጉምቲ ንምርኣይ።
ንመወዳእታ ግዜ ቅድሚ 3 ደቓይቕ ዝተመሓየሸ
እግረ ጽሑፍ ዘለዎም ናይ ካርድ ጉጅለታት ክትጥቀም ከለኻ፡ ትሕዝቶኦም ብኣውቶማቲክ ክስለፍ እዩ።
ኣርእስቲ ካርድ
እዚ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ ዘለዎ ደጋፊ ጽሑፍ ዘለዎ ዝሰፍሐ ካርድ እዩ። እዚ ትሕዝቶ ቁሩብ ዝነውሐ እዩ።
ኣርእስቲ ካርድ
እዚ ካርድ እዚ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ ዝድግፍ ጽሑፍ ኣለዎ።
ኣርእስቲ ካርድ
እዚ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ ዘለዎ ደጋፊ ጽሑፍ ዘለዎ ዝሰፍሐ ካርድ እዩ። እዚ ካርድ እዚ ካብቲ ቀዳማይ ንላዕሊ ነዊሕ ትሕዝቶ ኣለዎ ነቲ ማዕረ ቁመት ስጉምቲ ንምርኣይ።
ኣብ ነንሕድሕዶም ዘይተተሓሓዙ ማዕረ ስፍሓትን ቁመትን ዘለዎም ስብስብ ካርድታት የድልዩኻ? ናይ ካርድ ዲክስ ተጠቐም።
ኣርእስቲ ካርድ
እዚ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ ዘለዎ ደጋፊ ጽሑፍ ዘለዎ ዝነውሐ ካርድ እዩ። እዚ ትሕዝቶ ቁሩብ ዝነውሐ እዩ።
ንመወዳእታ ግዜ ቅድሚ 3 ደቓይቕ ዝተመሓየሸ
ኣርእስቲ ካርድ
እዚ ካርድ እዚ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ ዝድግፍ ጽሑፍ ኣለዎ።
ንመወዳእታ ግዜ ቅድሚ 3 ደቓይቕ ዝተመሓየሸ
ኣርእስቲ ካርድ
እዚ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ ዘለዎ ደጋፊ ጽሑፍ ዘለዎ ዝሰፍሐ ካርድ እዩ። እዚ ካርድ እዚ ካብቲ ቀዳማይ ንላዕሊ ነዊሕ ትሕዝቶ ኣለዎ ነቲ ማዕረ ቁመት ስጉምቲ ንምርኣይ።
ንመወዳእታ ግዜ ቅድሚ 3 ደቓይቕ ዝተመሓየሸ
ልክዕ ከምቲ ምስ ጉጅለታት ካርድ ዝግበር፡ ኣብ ዲክስ ዝርከቡ እግረ-ገጻት ካርድ ብኣውቶማቲክ ክስለፉ እዮም።
ኣርእስቲ ካርድ
እዚ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ ዘለዎ ደጋፊ ጽሑፍ ዘለዎ ዝሰፍሐ ካርድ እዩ። እዚ ትሕዝቶ ቁሩብ ዝነውሐ እዩ።
ኣርእስቲ ካርድ
እዚ ካርድ እዚ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ ዝድግፍ ጽሑፍ ኣለዎ።
ኣርእስቲ ካርድ
እዚ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ ዘለዎ ደጋፊ ጽሑፍ ዘለዎ ዝሰፍሐ ካርድ እዩ። እዚ ካርድ እዚ ካብቲ ቀዳማይ ንላዕሊ ነዊሕ ትሕዝቶ ኣለዎ ነቲ ማዕረ ቁመት ስጉምቲ ንምርኣይ።
ካርድታት ብ CSS ጥራይ ናብ Masonry ዝመስሉ ዓምድታት ብ CSS ብምጥቕላል ክውደቡ ይኽእሉ .card-columns
። ካርድታት ኣብ column
ክንዲ ብflexbox ብCSS ንብረታት ንቐሊል ኣሰላልፋ ይስራሕ። ካርድታት ካብ ላዕሊ ናብ ታሕቲን ካብ ጸጋም ናብ የማንን ይእዘዙ።
ርእሲ ንላዕሊ! ምስ ዓምድታት ካርድ ዘለካ ማይልስ ክፈላለ ይኽእል እዩ። ካርድታት ኣብ ዓምድታት ከይስበር ንምክልኻል ፡ ገና ጥይት ዘይብሉ ፍታሕ ከምዘይኮነ ክንሰርዖም ኣለና display: inline-block
።column-break-inside: avoid
ናብ ሓድሽ መስመር ዝጠቕልል ኣርእስቲ ካርድ
እዚ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ ዘለዎ ደጋፊ ጽሑፍ ዘለዎ ዝነውሐ ካርድ እዩ። እዚ ትሕዝቶ ቁሩብ ዝነውሐ እዩ።
ሎረም ኢፕሱም ዶሎር ኮፍ ኣሜት፡ consectetur adipiscing elit. ምሉእ ቁጽሪ posuere erat a ante.
ኣርእስቲ ካርድ
እዚ ካርድ እዚ ኣብ ታሕቲ ከም ተፈጥሮኣዊ መሪሕነት ተወሳኺ ትሕዝቶ ዝድግፍ ጽሑፍ ኣለዎ።
ንመወዳእታ ግዜ ቅድሚ 3 ደቓይቕ ዝተመሓየሸ
ሎረም ኢፕሱም ዶሎር ኮፍ ኣሜት፡ consectetur adipiscing elit. ምሉእ ቁጽሪ posuere erat.
ኣርእስቲ ካርድ
እዚ ካርድ እዚ ኣብ ትሕቲኡ ስሩዕ ኣርእስትን ሓጺር ሕጡበ ጽሑፍን ኣለዎ።
ንመወዳእታ ግዜ ቅድሚ 3 ደቓይቕ ዝተመሓየሸ
ሎረም ኢፕሱም ዶሎር ኮፍ ኣሜት፡ consectetur adipiscing elit. ምሉእ ቁጽሪ posuere erat a ante.
ኣርእስቲ ካርድ
እዚ ካልእ ኣብ ታሕቲ ኣርእስትን ደጋፊ ጽሑፍን ዘለዎ ካርድ እዩ። እዚ ካርድ ብሓፈሻ ቁሩብ ነዊሕ ንኽኸውን ገለ ተወሳኺ ትሕዝቶ ኣለዎ።
ንመወዳእታ ግዜ ቅድሚ 3 ደቓይቕ ዝተመሓየሸ
ዓምድታት ካርድ እውን ብገለ ተወሳኺ ኮድ ክዝርግሑን ክመዓራረዩን ይኽእሉ እዮም። .card-columns
ኣብ ታሕቲ ንብዝሒ ዓምድታት ንምቕያር ስብስብ መልሲ ዝህቡ ደረጃታት ንምፍጣር ተመሳሳሊ CSS እንጥቀመሉ-ዓምድታት CSS— ዝጥቀም መቐጸልታ ናይቲ ክፍሊ እዩ።