<th align'「center」>不在引導表上工作。可能是什麼原因？

Question

我有一個引導懸停表，我試圖通過使用<th align="center">將列標題對齊到中間。這似乎對桌子沒有任何影響，但<td align="center">正常工作。

這是我的代碼：

<table class="table table-hover"> 
    <thead> 
    <tr> 
     <th>Title</th> 
     <th>Score</th> 
     <th align="center">Product</th> #This line is not working 
     <th>Who Reviewed</th> 
     <th>When</th> 
    </tr> 
    </thead> 
    <tbody> 
    {% for review in object_list %} 
     <tr> 
      <td><a href="{% url 'backend_reviews_edit' review.pk %}">{{review.title}}</a></td> 
      <td align="center">{{ review.score }}</td> 
      <td align="center">{{ review.product.title }}</td> 
      <td>{{ review.reviewer_name}}</td> 
      <td>{{ review.date_created|date:"m-d-Y" }}</td> 
     </tr> 
    {% endfor %} 
    </tbody> 
</table> 
    </div> 

Answer 1

如果你使用的引導，使用它的CSS規則。

<th class="text-center">Product</th> 

Answer 2

使用此

<th class="text-center">Product</th> 

屬性一致，因爲自舉樣式表無法正常工作找到這個：

th { 
    text-align:left 
}