html - 居中 div 以匹配 Logo /线索

Question

在我的网页上，我有一个居中的 Logo /Bootstrap 以及 Logo /Bootstrap 下方的两个 div。我希望使 div 看起来根据 Logo /Bootstrap 居中。

我尝试使用 Twitter Bootstrap 的 span 将 div 居中，但 div 仍然没有真正居中。

    <div class="row-fluid marketing">
        <div class="span3"></div>
        <div class="span3 text-glow-hover-with-delay">
            <h2><i class="icon-beaker"> </i> Genuinely Tested</h2>
            <p>
                Guru has undergone an enormous amount of testing
                <br />
                via <a href="http://junit.org" rel="tooltip" data-toggle="tooltip" data-placement="bottom" title=""
                data-original-title="Visit their website!">JUnit</a>; the programmer-oriented testing framework.
            </p>
        </div>
        <div class="span4 text-glow-hover-with-delay">
            <h2><i class="icon-book"> </i> Full Documentation</h2>
            <p>
                We provide full-source/full-documentation for our users.
            </p>
        </div>
    </div>

如果您需要更多信息，可以查看网站:http://guru.jire.org

Answer 1

您可以通过将 span4 更改为 span3(奇数相等规则)然后将 div 设置为居中对齐，使它们看起来真正居中。完整来源如下。

    <div class="row-fluid marketing">
        <div class="span3"></div>
        <div class="span3 text-glow-hover-with-delay" align="center">
            <h2><i class="icon-beaker"> </i> Genuinely Tested</h2>
            <p>
                Guru has undergone an enormous amount of testing
                <br />
                via <a href="http://junit.org" rel="tooltip" data-toggle="tooltip" data-placement="bottom" title=""
                data-original-title="Visit their website!">JUnit</a>; the programmer-oriented testing framework.
            </p>
        </div>
        <div class="span3 text-glow-hover-with-delay" align="center">
            <h2><i class="icon-book"> </i> Full Documentation</h2>
            <p>
                We provide full-source/full-documentation for our users.
            </p>
        </div>
    </div>