Görünüşe göre yeni sürüm 3.0 var ayarlamak için sınıf isimleri bir görüntü col-lg-4 col-sm-4 col-4 görüntünün bir parçası div ile aynı sınıf adları için görüntü duyarlı olan tüm kesme noktaları.

Sürüm 2, Görüntü Özellikleri varsayılan ana div özelliklerini miras CSS.

Bu doğru mu?

cevap en son sürümü 3.0 için güncellendi

Bootstrap 3 duyarlı görüntü için özel bir sınıf (0 max-genişliği ayarlayın). Bu sınıf olarak tanımlanır:

.img-responsive {
 display: block;
 height: auto;
 max-width: 100%;
}

Not ımg etiketi varsayılan olarak alır:

img {
     vertical-align: middle;
     border: 0;
     page-break-inside: avoid;
     max-width: 100% !important;
     }

Kullanım class="img-responsive" resimlerinizi duyarlı olun.

Tüm görüntüler varsayılan olarak duyarlı hale getirmek için:

css:bootstrap css: aşağıdaki kodu ekleyin

   img {
          display: block;
          height: auto;
          max-width: 100%;
   }

daha:senin mixins aşağıdaki kodu ekleyin.daha:

img {
  &:extend(.img-responsive);
}

Not: Az 1.4.0 gerektirir. bakın: http://stackoverflow.com/a/15573240/1596547

Carousel

carousel bir iç ımg etiketleri varsayılan olarak cevap verir

Semantik kuralları

Ayrıca @its-me cevabı (http://stackoverflow.com/a/18653778/1596547). Yukarıdaki tüm görüntüleri varsayılan olarak duyarlı hale getirmek için kullanarak görüntüleri 22 ** döner. Blok düzeyi öğeler paragraf (<p>) izin verilmez, bkz: http://stackoverflow.com/a/4291515/1596547

Anladığım kadarıyla blok düzeyi satır içi element ayrım içerik kategorileri daha karmaşık bir dizi ile değiştirilir. Ayrıca bakınız: https://developer.mozilla.org/en-US/docs/Web/HTML/Inline_elemente#Inline_vs._block-level. HTML5 p etiketi herhangi bir cümle öğesi normal karakter veri ile karışmış içerebilir. (bkz: http://www.w3.org/TR/html-markup/p.html) img etiketi bu cümle bir unsurdur. Ekran özelliği img etiketin varsayılan değeri gerçekten inline-block. Ekran özelliği engellemek için değişen yukarıdaki kuralları ihlal etmez.

Blok düzeyi öğeler (display:block) duyarlı görüntü için beklediğiniz tam olarak görünüyor, üst, tüm kullanılabilir alanı. Yani display: block; ayar görünüyor inline-block yukarıdaki Bildirim Tercih olarak hangi mantıklı bir tercih.

@its-me (http://stackoverflow.com/a/18653778/1596547) önerdiği gibi inline-block gerektiren p elementleri içindeki görüntüleri belki de duyarlı olmamalı.