2013-04-10 68 views
2

我正在嘗試使用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

+0

你可以發佈你的CSS呢? – 2013-04-10 20:27:53

+1

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

回答

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