in English
ምስልታት
ምስልታት ናብ ምላሽ ዝህብ ባህሪ ንምምራጽ ዝሕግዙ ሰነዳትን ኣብነታትን (ስለዚ ካብ ወላዲ ባእታታቶም ፈጺሞም ኣይዓብዩን) ከምኡ’ውን ቀለልቲ ቅዲታት ይውስኹሎም-ኩሉ ብመንገዲ ክፍልታት።
ምላሽ ዝህቡ ምስልታት
ኣብ ቡትስትራፕ ዝርከቡ ምስልታት ብ .img-fluid
. max-width: 100%;
ከምኡ’ውን height: auto;
ኣብቲ ምስሊ ምስቲ ወላዲ ባእታ ንኽመጣጠን ይትግበሩ።
<img src="..." class="img-fluid" alt="...">
SVG ምስልታትን ኢንተርነት ኤክስፕሎረርን።
ኣብ ኢንተርነት ኤክስፕሎረር 10ን 11ን፡ SVG ምስልታት ምስ .img-fluid
ዘይተመጣጠነ ዓቐን ኣለዎም። ነዚ ንምእራም ምውሳኽ width: 100%;
ወይ .w-100
ኣድላዪ ኣብ ዝኾነሉ ቦታ። እዚ መአረምታ ንኻልኦት ቅርጽታት ምስሊ ብዘይግቡእ ዓቐን ይህቦም፡ ስለዚ ቡትስትራፕ ብኣውቶማቲክ ኣይጥቀመሉን እዩ።
ንእሽቶ ስእሊ ምስሊ
ብዘይካ ናይ border-radius utilities.img-thumbnail
, ንሓደ ምስሊ ክቡብ 1px ዶብ መልክዕ ንምሃብ ክትጥቀመሉ ትኽእል ኢኻ ።
<img src="..." class="img-thumbnail" alt="...">
ምስልታት ምምዕርራይ
ምስልታት ምስ ሓጋዚ ተንሳፋፊ ክፍልታት ወይ ናይ ጽሑፍ ኣሰላልፋ ክፍልታት ኣሰልፍ ። -ደረጃ ምስልታት ብማርጅ ዩቲሊቲ ክፍሊ ተጠቒምካ ማእከልblock
ክገብሩ ይኽእሉ ።.mx-auto
<img src="..." class="rounded float-left" alt="...">
<img src="..." class="rounded float-right" alt="...">
<img src="..." class="rounded mx-auto d-block" alt="...">
<div class="text-center">
<img src="..." class="rounded" alt="...">
</div>
ስእሊ
ንሓደ ፍሉይ , <picture>
ብዙሓት ባእታታት ንምግላጽ ነቲ ባእታ ትጥቀመሉ እንተኾንካ ፡ እቶም ክፍልታት ናብቲ ምልክት ምውሳኽካ ኣረጋግጽ ።<source>
<img>
.img-*
<img>
<picture>
<picture>
<source srcset="..." type="image/svg+xml">
<img src="..." class="img-fluid img-thumbnail" alt="...">
</picture>