文章/答案/技术大牛

发布

问使用Bootstrap使内容居中
EN

Stack Overflow用户

提问于 2013-05-24 01:30:08

回答 1查看 68关注 0票数 0

所以，我有这个代码

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

不幸的是，text-center下的文本没有居中。它看起来有点向左。我还制作了this小提琴来演示我的意思。

谢谢!

twitter-bootstrap

alignment

php

javascript

回答 1

Stack Overflow用户

发布于 2013-05-24 01:33:05

问题是：

您正在为<body>使用.container，它有一个width: 940px，p有一个display: block，它参照940px进行渲染。

一种解决方案是使用.container{ width: 100%}，因为您可能在以后也会遇到这个问题。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16720303

复制

相似问题

问使用Bootstrap使内容居中
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Bootstrap使内容居中EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Bootstrap使内容居中
EN