in English
ምስልታት
ሰነዳትን ኣብነታትን ምስልታት ናብ ምላሽ ዝህብ ባህሪ ንምምራጽ (ስለዚ ካብ ወላዲኦም ፈጺሞም ገፊሖም ኣይኮኑን) ከምኡ’ውን ቀለልቲ ቅዲታት ንምውሳኽ-ኩሉ ብመንገዲ ክፍልታት።
ኣብዚ ገጽ
ምላሽ ዝህቡ ምስልታት
ኣብ ቡትስትራፕ ዝርከቡ ምስልታት ብ .img-fluid
. እዚ ይምልከትን max-width: 100%;
ኣብቲ height: auto;
ምስሊን ምስቲ ወላዲ ስፍሓት ንኽመጣጠን።
<img src="..." class="img-fluid" alt="...">
ንእሽቶ ስእሊ ምስሊ
ብዘይካ ናይ border-radius utilities.img-thumbnail
, ንሓደ ምስሊ ክቡብ 1px ዶብ መልክዕ ንምሃብ ክትጥቀመሉ ትኽእል ኢኻ ።
<img src="..." class="img-thumbnail" alt="...">
ምስልታት ምምዕርራይ
ምስልታት ምስ ሓጋዚ ተንሳፋፊ ክፍልታት ወይ ናይ ጽሑፍ ኣሰላልፋ ክፍልታት ኣሰልፍ ። -ደረጃ ምስልታት ብማርጅ ዩቲሊቲ ክፍሊ ተጠቒምካ ማእከልblock
ክገብሩ ይኽእሉ ።.mx-auto
<img src="..." class="rounded float-start" alt="...">
<img src="..." class="rounded float-end" 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>
ሳስ
ተለዋዋጢ ረቛሒታት
ንንኣሽቱ ስእልታት ተለዋዋጢ ዋጋታት ኣለዉ።
$thumbnail-padding: .25rem;
$thumbnail-bg: $body-bg;
$thumbnail-border-width: $border-width;
$thumbnail-border-color: $gray-300;
$thumbnail-border-radius: $border-radius;
$thumbnail-box-shadow: $box-shadow-sm;