Fakkiiwwan

Galmee fi fakkeenyota fakkiiwwan gara amala deebii kennuutti filachuuf (kanaaf isaan gonkumaa warra isaanii caalaa bal'aa hin ta'an) fi akkaataa salphaa itti dabaluuf-hundi karaa gitaa.

Fuula kana irratti

Fakkiiwwan deebii kennan

Fakkiiwwan Bootstrap keessa jiran .img-fluid. Kun hojii irra oolcha max-width: 100%;fi height: auto;fakkii irratti akka inni bal'ina warraa wajjin iskeelii godhutti.

<img src="..." class="img-fluid" alt="...">

Fakkiiwwan xiqqaa

Faayidaa keenya border-radius.img-thumbnail dabalatee , fakkii tokkoof bifa daangaa geengoo 1px kennuudhaaf fayyadamuu dandeessa .

<img src="..." class="img-thumbnail" alt="...">

Fakkiiwwan qindeessuu

Fakkiiwwan gita yaa'aa gargaaraa ykn gita qindeessaa barruu waliin qindeessii . fakkiiwwan sadarkaa -gita faayidaa marginblock fayyadamuun giddugaleessa gochuun ni danda'ama ..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>

Suuraa

Yoo qaama fayyadamtee elementoota <picture>hedduu murtaa'eef ifteessuuf jirta ta'e, gitaalee gara mallattootti dabaluu fi osoo hin taane gara mallattootti dabaluu mirkaneessi .<source><img>.img-*<img><picture>

<picture>
  <source srcset="..." type="image/svg+xml">
  <img src="..." class="img-fluid img-thumbnail" alt="...">
</picture>

Sass jedhama

Jijjiiramoota

Jijjiiramoonni fakkiiwwan xiqqaadhaaf ni argamu.

$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;