title: How do I center wells in bootstrap?
body: <p>I am working on a simple homepage for my website but I want to get the well evenly spread out. I can align the left to the left and the right to the right but I cant seem to be able to get that middle well to always stay in the centre of the page. I have tried many things but they all don't work, have a look at <a href="http://clustermc.net/" rel="nofollow">my site</a> to see what I want to do, the wells are under the image slider. This is the code I have done but and the CSS is the default bootstrap min css with a few tweaks for the colors.</p>
  
  <pre><code>&lt;div class="container"&gt;
   &lt;div class="row"&gt;
    &lt;div class="col-lg-4 well" style="margin-left: 10px !important; width: 330px;
         margin-right: 10px; padding: 4px !important; min-height: 330px; "&gt;
       &lt;center&gt;
         &lt;img style="height: 135px;" src="img/ts.png" /&gt;
         &lt;h3&gt;TeamSpeak 3&lt;/h3&gt;
             &lt;br /&gt;
         &lt;p&gt;Chat with us on our TeamSpeak at: &lt;br /&gt;
          &lt;b&gt;&lt;a href="ts3server://ts.clustermc.net"&gt;ts.clustermc.net&lt;/a&gt;&lt;/b&gt;
          &lt;br /&gt; So, come have a wonderful conversation with us!&lt;/p&gt;
       &lt;/center&gt;
    &lt;/div&gt;
    &lt;div class="col-lg-4 well" style="margin-left: 10px !important; width: 330px;
         margin-right: 10px; padding: 4px !important; min-height: 330px; "&gt;
       &lt;center&gt;
         &lt;img style="height: 135px;" src="img/wool.png" /&gt;
         &lt;h3&gt;Cluster MC&lt;/h3&gt;
         &lt;div class="progress" style="margin-bottom: 7px; width: 200px;"&gt;
           &lt;div class="progress-bar progress-bar-success" style="width: 2.0%;"&gt;
           &lt;/div&gt;
           &lt;div class="progress-bar progress-bar-danger" style="width: 98.0%;"&gt;
           &lt;/div&gt;
         &lt;/div&gt;
         &lt;p style="margin-top: -27px; color: white; font-weight: bold;"&gt;
             3 Online&lt;/p&gt;
         &lt;br /&gt;
         &lt;p&gt;Start collecting your ClusterCredits now at:&lt;br /&gt;
           &lt;b&gt;play.clustermc.net&lt;/b&gt;&lt;/p&gt;
      &lt;/center&gt;
   &lt;/div&gt;
   &lt;div class="col-lg-4 well" style="margin-left: 10px !important; width: 330px;
        margin-right: 10px; padding: 4px !important; min-height: 330px; "&gt;
     &lt;center&gt;
       &lt;img style="height: 135px;" src="img/forums.png" /&gt;
       &lt;h3&gt;Community Forums&lt;/h3&gt;
       &lt;br /&gt;
       &lt;p&gt;Come and talk to some of our memers and staff at the forums! &lt;br /&gt;
         &lt;b&gt;&lt;a href="http://clustermc.net/forums"&gt;www.clustermc.net/forums&lt;/a&gt;
         &lt;/b&gt;
         &lt;br /&gt;We dont bite, we promise!&lt;/p&gt;
     &lt;/center&gt;
   &lt;/div&gt;
   &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Sorry for the bad layout, im a beginner to coding and I want to learn :)</p>