title: <th align'"center"> not working on a bootstrap table. What might be the reason?
body: <p>I have a bootstrap hover table and I'm trying to align the column headers to the middle by using <code>&lt;th align="center"&gt;</code>. This seems to have no effect on the table whatsoever, but <code>&lt;td align="center"&gt;</code> works properly.</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;table class="table table-hover"&gt;
      &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Title&lt;/th&gt;
          &lt;th&gt;Score&lt;/th&gt;
          &lt;th align="center"&gt;Product&lt;/th&gt;    #This line is not working
          &lt;th&gt;Who Reviewed&lt;/th&gt;
          &lt;th&gt;When&lt;/th&gt;
      &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
      {% for review in object_list %}
          &lt;tr&gt;
              &lt;td&gt;&lt;a href="{% url 'backend_reviews_edit' review.pk %}"&gt;{{review.title}}&lt;/a&gt;&lt;/td&gt;
              &lt;td align="center"&gt;{{ review.score }}&lt;/td&gt;
              &lt;td align="center"&gt;{{ review.product.title }}&lt;/td&gt;
              &lt;td&gt;{{ review.reviewer_name}}&lt;/td&gt;
              &lt;td&gt;{{ review.date_created|date:"m-d-Y" }}&lt;/td&gt;
          &lt;/tr&gt;
      {% endfor %}
      &lt;/tbody&gt;
  &lt;/table&gt;
      &lt;/div&gt;
  </code></pre>