web-dev-qa-db-fra.com

Est-ce que Twitter Bootstrap 2.0 est intégré pour aligner le contenu du tableau?

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?

23
SiberianGuy

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;
}
24
Ant Swift

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>
12
Stefan

Pour "td" j'ai utilisé ce qui est inclus dans bootstrap css:

<td class="pagination-centered">
0
trante