引导中心内容井

时间:2013-04-10 20:25:07

标签: html css twitter-bootstrap center

我正在尝试使用Twitter Bootstrap在Well类中集中一些内容。

我尝试过使用行和其他各种CSS技巧。

这是我的HTML:

<div class="container well well-main">
   <div id="marketing-mobile" class="title-marketing"><h3 class="text-center">Mobile</h3></div>
    <div class="widget-marketing span5">
        <div class="media">
          <a class="pull-left" href="#">
            <img class="media-object media-icons" img src="img/book.png">
          </a>
          <div class="media-body">
            <h3 class="media-heading">Lorem Ipsum</h3>
            <p>Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
          </div>
        </div>
    </div>

我已截取问题的屏幕截图:enter image description here

1 个答案:

答案 0 :(得分:2)

此问题已得到解决,但如果有人有兴趣查看示例,则offset3在这种情况下可以使span5

居中
<div class="container well well-main">
   <div id="marketing-mobile" class="title-marketing"><h3 class="text-center">Mobile</h3></div>
    <div class="widget-marketing span5 offset3">
        <div class="media">
          <a class="pull-left" href="#">
            <img class="media-object media-icons" src="//placehold.it/75x75">
          </a>
          <div class="media-body">
            <h3 class="media-heading">Lorem Ipsum</h3>
            <p>Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
          </div>
        </div>
</div></div>

http://bootply.com/65949