title: Centering Table Header Text In Bootstrap
body: <p>I am trying to center the text in my table header to align with the text below. I just cannot seem to get the header to align. </p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;div class="text-center"&gt;
      &lt;h2&gt;Lorem Ipsum&lt;/h2&gt;
      &lt;p&gt;Lorem Ipsum
      &lt;/p&gt;
      &lt;div class="table-responsive"&gt;
          &lt;table class="table table-striped"&gt;
          &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Table Header 1
              &lt;/th&gt;
              &lt;th&gt;Table Header 2
              &lt;/th&gt;
          &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Lorem Ipsum
              &lt;/td&gt;
              &lt;td&gt;Lorem Ipsum
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>