bootstrap中心内容井

2013-04-10 72 views 2 likes

我正在尝试使用Twitter Bootstrap将一些内容与Well类中的内容集中在一起。bootstrap中心内容井

我试过使用行和各种其他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

来源

2013-04-10 Cole Roberts

你可以发布你的CSS呢？ – 2013-04-10 20:27:53

使用offsetX修复它 – 2013-04-10 20:37:09

回答

这已得到解决，但如果有人有兴趣看到一个例子，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

来源

2013-06-28 14:23:57 ZimSystem

bootstrap中心内容井

回答

相关问题