title: bootstrap center content in well
body: <p>I'm trying to center some content with in a Well class using Twitter Bootstrap.</p>
  
  <p>I've tried using row and various other CSS tricks.</p>
  
  <p>Here's my HTML:</p>
  
  <pre><code>&lt;div class="container well well-main"&gt;
     &lt;div id="marketing-mobile" class="title-marketing"&gt;&lt;h3 class="text-center"&gt;Mobile&lt;/h3&gt;&lt;/div&gt;
      &lt;div class="widget-marketing span5"&gt;
          &lt;div class="media"&gt;
            &lt;a class="pull-left" href="#"&gt;
              &lt;img class="media-object media-icons" img src="img/book.png"&gt;
            &lt;/a&gt;
            &lt;div class="media-body"&gt;
              &lt;h3 class="media-heading"&gt;Lorem Ipsum&lt;/h3&gt;
              &lt;p&gt;Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I've taken a screenshot of the problem: <img src="https://i.stack.imgur.com/alm6m.png" alt="enter image description here"></p>