Images

Belgekirin û nimûne ji bo bijartina wêneyan di behreya bersivdar de (ji ber vê yekê ew çu carî ji hêmanên dêûbavê xwe mezintir nebin) û şêwazên sivik li wan zêde bikin - hemî bi riya dersan.

Wêneyên bersivdar

Wêneyên di Bootstrap de bi bersiv têne çêkirin .img-fluid. max-width: 100%;û height: auto;li ser wêneyê têne sepandin da ku ew bi hêmana dêûbav re bihejîne.

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

Wêneyên SVG û Internet Explorer

Di Internet Explorer 10 û 11-ê de, wêneyên SVG .img-fluid-ê bi mezinahiya nehevseng in. Ji bo rastkirina vê, lê zêde bike width: 100%;an .w-100li cihê ku pêwîst be. Vê rastkirinê bi rengek nerast formatên wêneyê yên din mezin dike, ji ber vê yekê Bootstrap wê bixweber bicîh nake.

Thumbnails Wêne

Ji bilî karûbarên meya sînor-radyûsê , hûn dikarin bikar bînin .img-thumbnailda ku wêneyek xuyangek sînorê 1px-ya dorpêçkirî bidin.

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

Lihevkirina wêneyan

Wêneyan bi dersên float ên arîkar an dersên hevrêzkirina nivîsê re hevûdu bikin. blockWêneyên -asta dikarin bi karanîna çîna kargêriya.mx-auto marjînalê werin navend kirin .

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

Sûret

Ger hûn hêmanê bikar tînin da ku ji bo yek taybetî <picture>gelek hêman destnîşan bikin, pê ewle bin ku hûn çînên li ser û ne li tagê zêde bikin.<source><img>.img-*<img><picture>

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