センタリングdivs - ブートストラップ

Question

2つのdivであるcol-md-6のコンテンツを、サイトに関連して集中化されていないことを除いて、中央にあるにもかかわらず、左に置いて右側は少し空です。 divのコードに従います。

<div class="content"> 

    <div class="container clearfix"> 
         <div class="col-md-6 configdiv"> 
          <img src="/layout/images/imagem1.png" /> 
          <h5>TITULO 1</h5> 
          <p> 
          Oi, tudo bem? Oi, tudo bem? Oi, tudo bem? 
          Oi, tudo bem? 
          Oi, tudo bem? 
          <p> 
          <div> 
           <img src="/layout/images/iconemail.png" /> 
           <img src="/layout/images/iconefb.png" /> 
           <img src="/layout/images/iconett.png" /> 
          </div> 
         </div> 
         <div class="col-md-6 configdiv"> 
          <img src="/layout/images/imagem2.png" /> 
          <h5>TITULO 2</h5> 
          <p> 
           Oi, tudo bem? 
          <p> 
          <div> 
          <img src="/layout/images/iconemail.png" /> 
          <img src="/layout/images/iconefb.png" /> 
          <img src="/layout/images/iconett.png" /> 
          </div> 
         </div> 
    </div> 

</div> 

はまた、CSSはこれです：

.configdiv {border: 1px solid #DDDDDD; 
      margin-right: 28px; 
      margin-bottom: 25px; 
      padding: 10px; 

はアル-MD-6は、並んでいるこれら二つのdivを思い出し、私は画面上の中心にしたいです！コンテンツ内容：

Content----------------------------------------------------*/ 
    #content { 
position: relative; 
overflow: hidden; 
background-color: #FFF; 
} 

#content p { line-height: 1.8; } 

.content-wrap { 
position: relative; 
padding: 80px 0; 
} 

#content .container { position: relative; } 

Answer 1

あなたは.rowクラスと<div>で、あなたの列、.col-md-6をラップする必要があります。ブートストラップの仕組みは、行内のすべての列をラップする必要があります。

<div class="row"> 
 
    <div class="col-md-6"></div> 
 
    <div class="col-md-6"></div> 
 
</div>