css - Bootstrap 网格 - center-block 不将元素定位在中心 - 为什么？

Question

我有一个问题。我有一个包含 2 列的 bootstrap (3) 网格。深入了解我正在使用“中心 block ”将元素定位在中心的右列。由于某种原因，它什么都不做。我究竟做错了什么？谢谢!!

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

你必须在 div 元素中使用你的 text-center 类

喜欢:

<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>