title: Twitter Bootstrap table width full width but content centered
body: <p>I have a table like this (included bootstrap):</p>
  
  <pre><code>&lt;table class="table table-hover"&gt;
     &lt;tbody&gt;
        &lt;tr&gt;&lt;td&gt;Head1&lt;/td&gt;&lt;td&gt;content1.1&lt;/td&gt;&lt;/tr&gt;
        &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;content1.2&lt;/td&gt;&lt;/tr&gt;
        &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;content1.3&lt;/td&gt;&lt;/tr&gt;
        &lt;tr&gt;&lt;td&gt;Head2&lt;/td&gt;&lt;td&gt;content2&lt;/td&gt;&lt;/tr&gt;
        &lt;tr&gt;&lt;td&gt;Head3&lt;/td&gt;&lt;td&gt;content3&lt;/td&gt;&lt;/tr&gt;
     &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I want the table lines over the full width of it's container but the two cells with header and content should be centered.. I've tried to describe it in an image:</p>
  
  <p>I cant upload the image here, so I've done it somewhere else: </p>
  
  <p><img src="https://i.stack.imgur.com/bQFHH.png" alt="See image for more description"></p>