Il est facile d'aligner un tableau en définissant l'attribut "align", mais l'alignement d'un tableau par css est un peu compliqué. Existe-t-il un support intégré pour l'alignement des tables dans Twitter Bootstrap 2.0?
Il n'y a rien de intégré pour supporter cela, mais il est très facile d'ajouter quelque chose comme:
.table th.rightCell,
.table td.rightCell {
text-align: right;
}
Bootstrap's classes d'alignement include .text-right
qui définit text-align: right
.
Malheureusement, Bootstrap définit text-align: left
pour les cellules de tableau, donc appliquer .text-right
à un <td>
n'a aucun effet:
<td class="text-right">
Still left aligned
</td>
Ajouter .text-right
à un élément de bloc inside la cellule fonctionne cependant:
<td>
<p class="text-right">Right aligned</p>
</td>
<td>
<div class="text-right">Right aligned</div>
</td>
Pour "td" j'ai utilisé ce qui est inclus dans bootstrap css:
<td class="pagination-centered">