Source

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.

Placeholder Responsive image
<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.

A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 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 .

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