Question

所以，我有这个代码

<div class="featurette">
            <img class="featurette-image pull-right" src="img/BreadBakersGuildLogo.jpg">
            <div class="text-center">
                <h2>Justin</h2>
                <p class="lead">
                    Stuff about Justin
                </p>
            </div>
            <div class="pull-left">
                <ul>
                    <li>Stuff about contacts</li>
                    <li>Stuff</li>
                </ul>
            </div>
        </div>

不幸的是，文本中心下的文字并不居中。它似乎在左边一点点。我也让this小提琴来证明我的意思。

谢谢！

Answer 1

问题是：

您正在使用.container <body> width: 940px且p有display: block，并且正在参考940px呈现。

使用.container{ width: 100%}的一个解决方案是，您可能会在以后的某个时间遇到此问题。

使用Bootstrap中心内容

1 个答案: