Verticalement centre image réactive dans une colonne de bootstrap

J'ai passé en revue toutes les questions /réponses, et ne peut toujours pas obtenir une solution de travail, donc j'aimerais avoir des commentaires sur mon code ci-dessous.

Je préfère ne pas utiliser codée en dur les tailles d'image (nombre de pixels) dans mon code, et je suis prêt à utiliser une combinaison de Moins, CSS ou Javascript dans la solution.

L'image doit être centré verticalement et horizontalement dans le Bootstrap de la colonne, et de rester centré, même lorsque l'écran est redimensionné.

Mon code HTML:

<div class="container-fluid">
    <div class="container">
    <div class="row">
        <div class="col-md-5">
            <div class="panel">
                Some content
            </div>
        </div>

        <div class="col-md-2">
            <img src="images/myimage.png" class="img-responsive center-block">
        </div>

        <div class="col-md-5">
            <div class="panel>
               Some content
            </div>
        </div>
     </div>
     </div>
 </div>
InformationsquelleAutor user84756 | 2014-12-15