2013-04-10 3 views
2

J'essaie de centrer du contenu avec dans une classe Well en utilisant Twitter Bootstrap.bootstrap centre contenu dans bien

J'ai essayé d'utiliser la ligne et divers autres trucs CSS.

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

J'ai pris une capture d'écran du problème: enter image description here

+0

Pouvez-vous également publier votre CSS? –

+1

Correction en utilisant offsetX –

Répondre

2

Cela a été résolu, mais si quelqu'un est intéressé de voir un exemple, offset3 dans ce cas fonctionne à centre du 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