HTML / CSS : centrer div(s)

Bonjour,

alors voilà, j'ai utilisé booststrap avec mon site web et j'ai quelques petits soucis pour centrer le contenu de ma div au milieu de la page...J'ai essayé beaucoup de chose différents, mais je pense qu'il faut de la précision et je en m'y connais pas suffisamment en CSS...

Merci d'avance pour les conseils ^^.

<div class="row">
      <div class="col-sm-3 col-md-2">
        <a href="#7">
          <div class=" thumbnail">
            <img src="static/img/7.jpg" alt="">
            <div class="caption">
              <strong>img1</strong>
              <p>1</p>
            </div>
          </div>
        </a>
      </div>
      <div class="col-sm-3 col-md-2">
        <div class="thumbnail">
          <img src="static/img/6.jpg" alt="">
          <div class="caption">
            <strong>img2</strong>
            <p>2</p>
          </div>
        </div>
      </div>
      <div class="col-sm-3 col-md-2">
        <div class="thumbnail">
          <img src="static/img/3.jpg" alt="">
          <div class="caption">
            <strong>img3</strong>
            <p>3</p>
          </div>
        </div>
      </div>
      <div class="col-sm-3 col-md-2">
        <div class="thumbnail">
          <img src="static/img/4.jpg" alt="">
          <div class="caption">
            <strong>img4</strong>
            <p>4</p>
          </div>
        </div>
      </div>
    </div>

Pour vous donner des idées, j'ai plus ou moins essayé tout ca dans le css:

.div-h {
bottom: 50px;
width: 100px;
padding:50px;
margin:50px;
margin-top:50px;
left: 20px;
position: absolute;
height: 100px;
display: table-cell;
vertical-align: middle;
}
*/

#bloc {
display: table;
table-layout: inherit;
float:middle;
}
#bloc > div {
display: table-cell;
}
#bloc > div > div {
display: table;
}
#bloc > div > div > div {
display: table-cell;
}

seulement je suis un peu dépassé par les détails...Et c'est ptete même pas la solution? lol.