我有一个问题。我有一个包含 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>
最佳答案
你必须在 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>
关于css - Bootstrap 网格 - center-block 不将元素定位在中心 - 为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47946490/