twitter-bootstrap - Jumbotron 对齐问题

Question

我目前正在使用最新版本的 bootstrap 3.0.0

问题很简单。在 jumbotron 容器中，我使用如何将文本与 Logo 居中对齐

我已经玩了几个小时，使用 col-md-* 并且运气不佳。

在 bootstrap 2.3.2 中，我通过使用 .text-center 实现了以 hero 为中心的效果。和 .pagination center (对于图像？？ - 它有效)

http://jsfiddle.net/zMSua/

这个 fiddle 显示了我试图以 bootstrap 3.0.0 为中心的文本和图像

Answer 1

为什么不偏移网格？

像这样:

<div class="jumbotron">
      <div class="container">
        <div class="row well well-lg">
            <div class="col-md-6 col-md-offset-3">
                <h1 class="">Home of the</h1>
                <div class="">
                    <img src="http://www.harrogatepoker.co.uk/profile/HPL%20V%20Logo%20%20Revised%20and%20Further%20reduced.jpg" class="img-responsive text-center" />
                </div>
                <h2 class="">"All In", Fun!</h2>
            </div>
        </div>
      </div>

如果您的主列有 6 个，则 Bootstrap 有一个 12 列网格，您可以将其偏移 3 并留下:

3列6(主容器)和3列