Para hacer que una imagen se adapte al popup modal de bootstrap, sin que esta sobresalga en el caso de que sus dimensiones sean muy grandes, lo haremos con el atributo class=’img-responsive’ de la etiqueta <img>, con esto conseguimos que nuestras imagenes sean responsive al 100%.
Nota, con este atributo, no es necesario añadir width y heihgt a la imagen, ya que bootstrap se encarga de adaptarla a su contenedor de manera proporcional sin que la imagen se deforme, la etiqueta quedaría así:
<img class=’img-responsive’ src='»imagenes/laimagen.jpg»‘ alt=’Imagen publicación’/>
Nota: Ojo, esto no funcionará si no creas las dependencias de bootstrap en tu archivo, html, php, etc.