Costruendo siti con design responsive, sappiamo che una delle cose più difficili da realizzare è legato alla dimensione delle immagini.
Bootstrap ci viene in aiuto utilizzando una classe chiamata img-responsive, che applicherà max-width:100% e height:auto all'immagine, consentendole di adattarsi in caso lo spazio disponibile sullo schermo sia minore di quello dell'immagine, che non uscirà più dai confini dello schermo:

<img src="myimage.png" class="img-responsive" />

L'uso di questa classe è consigliata quando le immagini arrivano da un CMS e non possiamo controllarne direttamente le dimensioni. Un buon design responsive, invece, deve già prevedere che gli elementi che hanno bisogno di scalare ed adattarsi abbiano strategie ben definite e esplicitate all'interno del nostro CSS.