title: How can I center an column on bootstrap when it is an uneven number
body: <p>I have the following scenario: </p>
  
  <p>I have a <code>&lt;div class="row"&gt;</code> and then I have another <code>&lt;div class="col-lg-3"&gt;</code> where I will be putting the picture of a profile of an user. The problem is that I would like to center that picture to be in the middle of the available space, so I would normally do this: </p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-lg-3 col-lg-offset-x"&gt;
          &lt;img src="..." class="..." alt="..." title="..." data-size="..."&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What would be the x value on the class of the <code>&lt;div class="col-lg-3 col-lg-offset-x"&gt;</code> If I wanted to center that <code>div</code>? Anybody has any idea how to do that?  </p>