Тасвирҳо
Ҳуҷҷатҳо ва мисолҳо барои интихоби тасвирҳо ба рафтори ҷавобӣ (аз ин рӯ онҳо ҳеҷ гоҳ аз унсурҳои волидайни худ калонтар намешаванд) ва ба онҳо сабкҳои сабук илова мекунанд - ҳама тавассути синфҳо.
Тасвирҳои ҷавобӣ
Тасвирҳо дар Bootstrap бо .img-fluid
. max-width: 100%;
ва height: auto;
ба тасвир татбиқ карда мешаванд, то он бо унсури волидайн миқёс кунад.
Тасвирҳои SVG ва IE 10
Дар Internet Explorer 10, тасвирҳои SVG бо .img-fluid
андозаи номутаносиб доранд. Барои ислоҳ кардани ин, width: 100% \9;
дар ҷои зарурӣ илова кунед. Ин ислоҳ форматҳои дигари тасвирро нодуруст андоза мекунад, аз ин рӯ Bootstrap онро ба таври худкор татбиқ намекунад.
Ангораи тасвирҳо
Илова ба утилитаҳои border -radius мо , шумо метавонед истифода баред .img-thumbnail
, то ба тасвир намуди сарҳади мудавваршудаи 1px дода шавад.
Ҳамоҳангсозии тасвирҳо
Тасвирҳоро бо синфҳои шинокунандаи ёрирасон ё синфҳои ҳамоҳангсозии матн мувофиқ кунед. block
-тасвирҳои сатҳи метавонад бо истифода аз .mx-auto
синфи фоидаи margin марказонида шавад .
Сурат
Агар шумо <picture>
элементро барои муайян кардани унсурҳои сершумор <source>
барои як мушаххас истифода баред <img>
, боварӣ ҳосил кунед, ки .img-*
синфҳоро ба тег илова кунед, <img>
на ба <picture>
тег.