Görüntüler
Görüntüleri duyarlı davranışa seçmeye yönelik belgeler ve örnekler (böylece hiçbir zaman üst öğelerinden daha büyük olmazlar) ve tümü sınıflar aracılığıyla bunlara hafif stiller ekleyin.
Bootstrap'teki resimler, .img-fluid
. max-width: 100%;
ve height: auto;
ana öğeyle ölçeklenecek şekilde görüntüye uygulanır.
SVG görüntüleri ve IE 10
Internet Explorer 10'da, SVG görüntüleri .img-fluid
orantısız şekilde boyutlandırılmıştır. Bunu düzeltmek için width: 100% \9;
gerektiğinde ekleyin. Bu düzeltme, diğer görüntü biçimlerini hatalı şekilde boyutlandırır, bu nedenle Bootstrap bunu otomatik olarak uygulamaz.
Kenarlık yarıçapı yardımcı programlarımıza ek olarak , .img-thumbnail
bir görüntüye yuvarlak 1 piksel kenarlık görünümü vermek için kullanabilirsiniz .
Görüntüleri yardımcı kayan sınıflarla veya metin hizalama sınıflarıyla hizalayın . -seviyedeki görüntüler , kenar boşluğu yardımcı sınıfıblock
kullanılarak ortalanabilir ..mx-auto
Belirli bir öğe için birden çok öğe <picture>
belirtmek üzere öğeyi kullanıyorsanız , sınıfları etikete değil etikete eklediğinizden emin olun .<source>
<img>
.img-*
<img>
<picture>