duanduan1993 2013-05-23 17:30
浏览 21

使用Bootstrap中心内容

So, I have this code

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

Unfortunately, the text under text-center isn't centered. It appears to be a little to the left. I also made this fiddle to demonstrate what I mean.

Thanks!

  • 写回答

1条回答 默认 最新

  • douhu2525 2013-05-23 17:33
    关注

    The issue is:

    You are using .container for <body> which has a width: 940px and p has a display: block and it is rendering with reference to the 940px.

    One solution would be, to use .container{ width: 100%}, as you might run into this issue at a later point of time too.

    评论

报告相同问题？

悬赏问题

  • ¥15 神经网络预测均方误差很小 但是图像上看着差别太大
  • ¥15 Oracle中如何从clob类型截取特定字符串后面的字符
  • ¥15 想通过pywinauto自动电机应用程序按钮，但是找不到应用程序按钮信息
  • ¥15 如何在炒股软件中，爬到我想看的日k线
  • ¥15 seatunnel 怎么配置Elasticsearch
  • ¥15 PSCAD安装问题 ERROR: Visual Studio 2013, 2015, 2017 or 2019 is not found in the system.
  • ¥15 (标签-MATLAB|关键词-多址)
  • ¥15 关于#MATLAB#的问题，如何解决？（相关搜索：信噪比，系统容量）
  • ¥500 52810做蓝牙接受端
  • ¥15 基于PLC的三轴机械手程序