<th align'“center”> ne fonctionne pas sur un bootstrap de la table. Quelle pourrait être la raison?

J'ai un bootstrap passez la souris sur la table et je suis en train d'aligner les en-têtes de colonne du milieu en utilisant <th align="center">. Cela ne semble avoir aucun effet sur la table que ce soit, mais <td align="center"> fonctionne correctement.

C'est mon code:

<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>
L'alignement doit être gérée par le CSS, pas en HTML.

OriginalL'auteur DeA | 2017-03-08

  1. 38

    Si vous êtes en utilisant bootstrap, utiliser ses règles CSS.

    <th class="text-center">Product</th>
    Yup, qui ne fait que ça, mais dois-je l'utiliser pour <td> ainsi, parce qu'elle semble fonctionner sans classe
    Comme je l'ai mentionné, l'alignement (et tous les autres de présentation) ne doit pas être fait avec HTML, il faut le faire avec les CSS. align est obsolète.

    OriginalL'auteur Eduardo Escobar

  2. 9

    Utiliser cette

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

    attribut align de ne pas travailler parce que sur bootstrap de la feuille de style trouver ceci:

    th {
    text-align:left
}

    OriginalL'auteur Davide