recorda que para usar las clases de bootstrap tenes que poner en tu header los siguientes link's:
antes que nada(bootstrap es una libreria de clases tanto de javascript como de CSS que ya viene con estilos escritos
http://getbootstrap.com/ ):
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Latest compiled and minified javascript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
----------------
<img id="mi-imagen" src="...png" class="img-responsive center-block"></img>
(le di responsividad y lo centre horizontalmente)
el css yo probaria algo asi,
#mi-imagen{
margin-top:40%;
}
(centro verticalmente)
------
Yo suelo usar bastante Bootstrap y otras librerias porque me hace desarrollar todo mas con ams facilidad, no obstante si te vas al archivo de boostrap y buscas por ejemplo en este caso la clase "img-responsive" ahi esta el codigo CSS de como hacer una imagen responsive etc. etc.
Mod: Obligatorio el uso de etiquetas GeSHi.