Lo que quiero hacer es mostrar solo un pedazo de la imagen, como el 50% de altura de la que se muestra ahora es la que quiero recortar y que cuando el usuario de clic sobre la imagen que se abra completa así como en una modal.
Estoy recién aprendiendo boostrap y lo que tengo de código es esto:
<div class="row">
<div class="col-lg-3">
<img src="./img/muestra.jpg" class="img-thumbnail">
</div>
<div class="col-lg-9">
<select>
<option>Seleccione una opción</option>
</select>
</div>
</div>
Si le pongo un height fijo la imagen se apachurra, lo que busco es que salga recortada. Alguna idea?