ブートストラップグリッド - センターブロックが中央の要素を位置決めしない - なぜですか？

Question

私は質問があります。私は2列のブートストラップ（3）グリッドを持っています。私は 'center-block'を使って中心の要素を配置しています。何らかの理由でそれは何もしません。私は間違って何をしていますか？ありがとう!!あなたが好きなのdiv要素に

をごtext-centerクラスを使用する必要が

https://jsfiddle.net/codingcodingcoding/mbw45xdh/1/

<section id="contact"> 
    <div class="container-fluid"> 
     <h2 class="section-heading text-center">Let's Get In Touch!</h2> 
     <div class="row"> 
      <div class="col-md-6"> 
       <div id="googleMap"></div> 
      </div> 
      <div class="col-md-6"> 
       <div class="center-block"> 
        <span class="glyphicon glyphicon-earphone phone-icon"></span> 
        <span class="glyphicon glyphicon-envelope email-icon"></span> 
        <p> 
         <a href="mailto:your-email@your-domain.com">feedback@example.com</a> 
        </p> 
       </div> 
      </div> 
     </div> 
    </div> 
</section> 

Answer 1

：

<section id="contact"> 
    <div class="container-fluid"> 
     <div class="text-center"> 
      <h2 class="section-heading">Let's Get In Touch!</h2> 
     </div> 
     <div class="row"> 
      <div class="col-md-6"> 
      <div id="googleMap"></div> 
      </div> 
      <div class="col-md-6"> 
      <div class="center-block"> 
       <span class="glyphicon glyphicon-earphone phone-icon"></span> 
       <span class="glyphicon glyphicon-envelope email-icon"> 
       </span> 
       <p> 
        <a href="mailto:your-email@your- 
        domain.com">feedback@example.com</a> 
       </p> 
      </div> 
      </div> 
     </div> 
    </div> 
</section>