Source

Images

Belgekirin û nimûneyên 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.

100% x250 
<img src="..." class="img-fluid" alt="Responsive image">
Wêneyên SVG û IE 10

Di Internet Explorer 10-ê de, wêneyên SVG .img-fluid-ê bi mezinahiya nehevseng in. Ji bo rastkirina vê, width: 100% \9;cîhê ku pêwîst be lê zêde bike. 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.

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

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 .

200x200 200x200 
<img src="..." class="rounded float-left" alt="...">
<img src="..." class="rounded float-right" alt="...">
200x200 
<img src="..." class="rounded mx-auto d-block" alt="...">
200x200 
<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>